@baloise/ds-core 17.2.4 → 17.2.5-nightly.20250116

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 (406) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/animation.decorator.js +75 -0
  4. package/components/bal-app.js +1 -93
  5. package/components/bal-app2.js +95 -0
  6. package/components/bal-carousel.js +12 -5
  7. package/components/bal-doc-app.d.ts +11 -0
  8. package/components/bal-doc-app.js +262 -0
  9. package/components/bal-dropdown.js +771 -1
  10. package/components/bal-hint2.js +1 -1
  11. package/components/bal-nav.js +72 -48
  12. package/components/bal-option.js +166 -1
  13. package/components/bal-segment.js +27 -10
  14. package/components/bal-select-option.js +1 -45
  15. package/components/bal-select-option2.js +47 -0
  16. package/components/bal-select.js +1 -847
  17. package/components/bal-select2.js +849 -0
  18. package/components/bal-tabs2.js +67 -35
  19. package/components/helpers.js +1 -1
  20. package/components/index.js +5 -304
  21. package/components/initialize.js +303 -0
  22. package/components/keyboard.helpers.js +1 -1
  23. package/components/resize.decorator.js +5 -5
  24. package/components/swiper.util.js +1 -18
  25. package/components/tokens.esm.js +1 -1
  26. package/components/visibility.decorator.js +88 -0
  27. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  28. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  29. package/dist/baloise-design-system/index.esm.js +1 -1
  30. package/dist/baloise-design-system/{p-10ebc871f4.system.entry.js → p-0640709738.system.entry.js} +1 -1
  31. package/dist/baloise-design-system/p-079850e6.system.js +1 -0
  32. package/dist/baloise-design-system/p-0b8169c8.js +1 -0
  33. package/dist/baloise-design-system/{p-dc6d33fc89.entry.js → p-0c08b7dfd0.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-24e594cd49.entry.js → p-0c3b2d6c8e.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-6b79e568.js → p-0d7b7182.js} +1 -1
  36. package/dist/baloise-design-system/p-0e323fe0.system.js +1 -1
  37. package/dist/baloise-design-system/p-0f49cb1ee6.entry.js +1 -0
  38. package/dist/baloise-design-system/p-107dc1fff5.entry.js +1 -0
  39. package/dist/baloise-design-system/{p-d0e23ec9f1.entry.js → p-116f41baa8.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-ff7903eb.js → p-12edf09f.js} +1 -1
  41. package/dist/baloise-design-system/{p-37f892f6dc.entry.js → p-147063f990.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-770f4365f6.system.entry.js → p-14c3418170.system.entry.js} +1 -1
  43. package/dist/baloise-design-system/p-1c191e7d.js +1 -0
  44. package/dist/baloise-design-system/{p-56cf1ab1.system.js → p-1d22490c.system.js} +1 -1
  45. package/dist/baloise-design-system/{p-97cd0b900d.system.entry.js → p-1df848f9fc.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-54ce8c3c.js → p-2789f3f3.js} +1 -1
  47. package/dist/baloise-design-system/{p-0400a0cd.system.js → p-28479bf2.system.js} +1 -1
  48. package/dist/baloise-design-system/{p-e099fd9574.entry.js → p-28f96ad58b.entry.js} +1 -1
  49. package/dist/baloise-design-system/p-2ebb0a90e9.entry.js +1 -0
  50. package/dist/baloise-design-system/{p-e0377a6d84.entry.js → p-32faec4f65.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-52cad6cf9f.entry.js → p-36db598b9c.entry.js} +1 -1
  52. package/dist/baloise-design-system/{p-a71cc6d652.entry.js → p-36fe1faedd.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-5b85dec39b.system.entry.js → p-38ca9dfde3.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-ccd2ef1106.entry.js → p-3bd47497b5.entry.js} +1 -1
  55. package/dist/baloise-design-system/{p-953cc30ae9.system.entry.js → p-3d0427caba.system.entry.js} +1 -1
  56. package/dist/baloise-design-system/{p-46b7cb48d1.entry.js → p-3dde5d245e.entry.js} +1 -1
  57. package/dist/baloise-design-system/{p-878cb7914d.entry.js → p-41931a0925.entry.js} +1 -1
  58. package/dist/baloise-design-system/{p-16baa62182.system.entry.js → p-440f0ed2a6.system.entry.js} +1 -1
  59. package/dist/baloise-design-system/{p-47d7e166.system.js → p-473be761.system.js} +1 -1
  60. package/dist/baloise-design-system/{p-498c20ac2a.system.entry.js → p-4b7fd117bc.system.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-0933f23da2.system.entry.js → p-4c030e87cf.system.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-2abbd888.js → p-4e2a528c.js} +1 -1
  63. package/dist/baloise-design-system/{p-cad154ad.js → p-4e9084dc.js} +1 -1
  64. package/dist/baloise-design-system/{p-b77d63ca25.entry.js → p-5591d69c49.entry.js} +1 -1
  65. package/dist/baloise-design-system/p-56b3a42db7.system.entry.js +1 -0
  66. package/dist/baloise-design-system/{p-4a80e2c1.system.js → p-56c370cb.system.js} +1 -1
  67. package/dist/baloise-design-system/{p-7cb2ead5.system.js → p-589ec95d.system.js} +1 -1
  68. package/dist/baloise-design-system/{p-87b8b65bf6.system.entry.js → p-58c831b65a.system.entry.js} +1 -1
  69. package/dist/baloise-design-system/p-58d2a0b5.system.js +1 -0
  70. package/dist/baloise-design-system/{p-0c28f0a46f.system.entry.js → p-59e2241197.system.entry.js} +1 -1
  71. package/dist/baloise-design-system/{p-c3877f26cd.entry.js → p-5a30402585.entry.js} +1 -1
  72. package/dist/baloise-design-system/{p-27a8f7d1e4.system.entry.js → p-5b93e0df0c.system.entry.js} +1 -1
  73. package/dist/baloise-design-system/{p-9618956a56.system.entry.js → p-5d2479f2ea.system.entry.js} +1 -1
  74. package/dist/baloise-design-system/{p-1334e37be0.system.entry.js → p-5f234e78f6.system.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-8360204072.entry.js → p-62251008b0.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-c642582c09.system.entry.js → p-66df17135c.system.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-47de946676.system.entry.js → p-6d9f994d96.system.entry.js} +1 -1
  78. package/dist/baloise-design-system/{p-ba4c1ed8a8.entry.js → p-6dd44e8831.entry.js} +1 -1
  79. package/dist/baloise-design-system/{p-1ae4dca673.system.entry.js → p-6e6f2f3713.system.entry.js} +1 -1
  80. package/dist/baloise-design-system/{p-932a19ea57.entry.js → p-7449aea98b.entry.js} +1 -1
  81. package/dist/baloise-design-system/{p-3df52a1f.js → p-744daf78.js} +1 -1
  82. package/dist/baloise-design-system/{p-6cdd068206.system.entry.js → p-769dd49917.system.entry.js} +1 -1
  83. package/dist/baloise-design-system/{p-761cb0e801.system.entry.js → p-79554c4acd.system.entry.js} +1 -1
  84. package/dist/baloise-design-system/{p-9db35d91.js → p-7a6a128f.js} +1 -1
  85. package/dist/baloise-design-system/{p-af0f549439.entry.js → p-809d0b3b7a.entry.js} +1 -1
  86. package/dist/baloise-design-system/{p-9ad648deea.system.entry.js → p-85e3b067cf.system.entry.js} +1 -1
  87. package/dist/baloise-design-system/{p-85479ae3cf.system.entry.js → p-85e6d3817e.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-524edfe610.system.entry.js → p-87458c9059.system.entry.js} +1 -1
  89. package/dist/baloise-design-system/p-8782ba61.system.js +1 -0
  90. package/dist/baloise-design-system/{p-b1d0256f19.system.entry.js → p-899bc0be9d.system.entry.js} +1 -1
  91. package/dist/baloise-design-system/{p-f2c398a3.system.js → p-89aaadaf.system.js} +1 -1
  92. package/dist/baloise-design-system/{p-2a8e0e7149.entry.js → p-8a47461794.entry.js} +1 -1
  93. package/dist/baloise-design-system/{p-60f5e5faa6.entry.js → p-8b386e9117.entry.js} +1 -1
  94. package/dist/baloise-design-system/p-8c24fdcf6c.system.entry.js +1 -0
  95. package/dist/baloise-design-system/{p-e21ccd9856.entry.js → p-921b0836e1.entry.js} +1 -1
  96. package/dist/baloise-design-system/{p-fabb559661.entry.js → p-96780bdefd.entry.js} +1 -1
  97. package/dist/baloise-design-system/{p-7256aa5d97.entry.js → p-9b2657ef04.entry.js} +1 -1
  98. package/dist/baloise-design-system/{p-2db0f14a2d.system.entry.js → p-a1952399c3.system.entry.js} +1 -1
  99. package/dist/baloise-design-system/p-a22e149aa8.system.entry.js +1 -0
  100. package/dist/baloise-design-system/{p-8227e41299.entry.js → p-a6ff014e4c.entry.js} +1 -1
  101. package/dist/baloise-design-system/p-ad5039de.system.js +1 -0
  102. package/dist/baloise-design-system/p-b276d6faa1.entry.js +1 -0
  103. package/dist/baloise-design-system/{p-cd9be615a4.entry.js → p-b4576f5814.entry.js} +1 -1
  104. package/dist/baloise-design-system/{p-18267b1371.system.entry.js → p-b55c42a4a9.system.entry.js} +1 -1
  105. package/dist/baloise-design-system/{p-c0e04c2072.system.entry.js → p-bfa5f3ae60.system.entry.js} +1 -1
  106. package/dist/baloise-design-system/p-c4088d90.js +1 -0
  107. package/dist/baloise-design-system/{p-e430294632.entry.js → p-c487d3770e.entry.js} +1 -1
  108. package/dist/baloise-design-system/{p-97f3a682.system.js → p-c6a673f7.system.js} +1 -1
  109. package/dist/baloise-design-system/{p-ed32b0b9.system.js → p-c6dfe80e.system.js} +1 -1
  110. package/dist/baloise-design-system/{p-39d3eeef8e.entry.js → p-c844e6fbc9.entry.js} +1 -1
  111. package/dist/baloise-design-system/{p-96122c3e5b.entry.js → p-c8bd61c717.entry.js} +1 -1
  112. package/dist/baloise-design-system/{p-bb7183cd00.entry.js → p-c8db6fb15f.entry.js} +1 -1
  113. package/dist/baloise-design-system/{p-f7cbcbdbfa.system.entry.js → p-c9b8ce5bb5.system.entry.js} +1 -1
  114. package/dist/baloise-design-system/{p-455872a1.system.js → p-c9b8e360.system.js} +1 -1
  115. package/dist/baloise-design-system/{p-936070bf.system.js → p-cb045ca0.system.js} +1 -1
  116. package/dist/baloise-design-system/{p-713640e3ac.system.entry.js → p-cb3920cc26.system.entry.js} +1 -1
  117. package/dist/baloise-design-system/{p-73bec757.js → p-cc35663d.js} +1 -1
  118. package/dist/baloise-design-system/{p-81894fe8.js → p-cc8cfbf3.js} +1 -1
  119. package/dist/baloise-design-system/{p-81a3bee001.entry.js → p-d0066a5950.entry.js} +1 -1
  120. package/dist/baloise-design-system/{p-8f217b03.system.js → p-d1b12bcd.system.js} +1 -1
  121. package/dist/baloise-design-system/{p-6933b37a08.entry.js → p-d306ec28cf.entry.js} +1 -1
  122. package/dist/baloise-design-system/{p-657a3eb3ee.system.entry.js → p-d3b5f9512c.system.entry.js} +1 -1
  123. package/dist/baloise-design-system/{p-67d61a81.js → p-d516d3b1.js} +1 -1
  124. package/dist/baloise-design-system/{p-42f532a0a8.entry.js → p-d568852b4c.entry.js} +1 -1
  125. package/dist/baloise-design-system/{p-58a0e8df48.entry.js → p-d60b2e3878.entry.js} +1 -1
  126. package/dist/baloise-design-system/p-d998fbe39e.system.entry.js +1 -0
  127. package/dist/baloise-design-system/{p-bcbc8278e2.system.entry.js → p-d9a6b04cb4.system.entry.js} +1 -1
  128. package/dist/baloise-design-system/{p-a2090a9d.system.js → p-d9b32333.system.js} +1 -1
  129. package/dist/baloise-design-system/{p-90a9f56d71.system.entry.js → p-ddcc5387b5.system.entry.js} +1 -1
  130. package/dist/baloise-design-system/{p-f7f06d0340.entry.js → p-e283e1cf22.entry.js} +1 -1
  131. package/dist/baloise-design-system/{p-356f75fd58.system.entry.js → p-e2c3dde206.system.entry.js} +1 -1
  132. package/dist/baloise-design-system/{p-31b6055d92.system.entry.js → p-e3b0312116.system.entry.js} +1 -1
  133. package/dist/baloise-design-system/{p-90a51218.js → p-e3c1d653.js} +1 -1
  134. package/dist/baloise-design-system/p-e48f2430ce.system.entry.js +1 -0
  135. package/dist/baloise-design-system/p-e53217f8.js +1 -1
  136. package/dist/baloise-design-system/p-e573491b.system.js +1 -0
  137. package/dist/baloise-design-system/{p-b0a4d40a.js → p-e6cf2df3.js} +1 -1
  138. package/dist/baloise-design-system/{p-2e830170.system.js → p-e7150a50.system.js} +1 -1
  139. package/dist/baloise-design-system/{p-b96fd49d.system.js → p-e7d20c82.system.js} +1 -1
  140. package/dist/baloise-design-system/p-e9445f4362.entry.js +1 -0
  141. package/dist/baloise-design-system/{p-3541dd16.js → p-ebf5cc68.js} +1 -1
  142. package/dist/baloise-design-system/p-ee379377.js +1 -0
  143. package/dist/baloise-design-system/{p-ff46a92a47.system.entry.js → p-f089f4c8c8.system.entry.js} +1 -1
  144. package/dist/baloise-design-system/{p-66d49670b0.system.entry.js → p-f35275e46a.system.entry.js} +1 -1
  145. package/dist/baloise-design-system/{p-19162db1a6.system.entry.js → p-f47bafc866.system.entry.js} +1 -1
  146. package/dist/baloise-design-system/{p-c13b1376.system.js → p-f49804d7.system.js} +1 -1
  147. package/dist/baloise-design-system/{p-296c7825b7.entry.js → p-f5e11c86e5.entry.js} +1 -1
  148. package/dist/baloise-design-system/{p-21f87590.js → p-f64319f1.js} +1 -1
  149. package/dist/baloise-design-system/{p-18ce5177f9.entry.js → p-f8ca0ec73a.entry.js} +1 -1
  150. package/dist/baloise-design-system/{p-dbc7c601d3.entry.js → p-ff12268ebc.entry.js} +1 -1
  151. package/dist/baloise-design-system/{p-bb0a588d09.system.entry.js → p-fff8faa67f.system.entry.js} +1 -1
  152. package/dist/cjs/animation.decorator-d160ba91.js +77 -0
  153. package/dist/cjs/app-globals-25e25924.js +7 -0
  154. package/dist/cjs/bal-accordion_4.cjs.entry.js +2 -2
  155. package/dist/cjs/bal-app.cjs.entry.js +1 -1
  156. package/dist/cjs/bal-button_2.cjs.entry.js +1 -1
  157. package/dist/cjs/bal-carousel_2.cjs.entry.js +22 -15
  158. package/dist/cjs/bal-checkbox-button.cjs.entry.js +3 -3
  159. package/dist/cjs/bal-checkbox_2.cjs.entry.js +4 -4
  160. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +2 -2
  161. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +4 -4
  162. package/dist/cjs/bal-date.cjs.entry.js +3 -3
  163. package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
  164. package/dist/cjs/bal-dropdown.cjs.entry.js +3 -3
  165. package/dist/cjs/bal-field_5.cjs.entry.js +2 -2
  166. package/dist/cjs/bal-file-upload.cjs.entry.js +2 -2
  167. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  168. package/dist/cjs/bal-form.cjs.entry.js +1 -1
  169. package/dist/cjs/bal-hint_5.cjs.entry.js +5 -5
  170. package/dist/cjs/bal-input-slider.cjs.entry.js +2 -2
  171. package/dist/cjs/bal-input-stepper.cjs.entry.js +2 -2
  172. package/dist/cjs/bal-input.cjs.entry.js +2 -2
  173. package/dist/cjs/bal-list_8.cjs.entry.js +5 -5
  174. package/dist/cjs/bal-logo.cjs.entry.js +4 -4
  175. package/dist/cjs/bal-modal_3.cjs.entry.js +2 -2
  176. package/dist/cjs/bal-nav_8.cjs.entry.js +6 -6
  177. package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
  178. package/dist/cjs/bal-number-input.cjs.entry.js +2 -2
  179. package/dist/cjs/bal-option_2.cjs.entry.js +3 -3
  180. package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
  181. package/dist/cjs/bal-popup.cjs.entry.js +3 -3
  182. package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
  183. package/dist/cjs/bal-radio-button.cjs.entry.js +3 -3
  184. package/dist/cjs/bal-radio_2.cjs.entry.js +4 -4
  185. package/dist/cjs/bal-segment_2.cjs.entry.js +31 -14
  186. package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
  187. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  188. package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
  189. package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
  190. package/dist/cjs/bal-steps.cjs.entry.js +6 -6
  191. package/dist/cjs/bal-tab-item_2.cjs.entry.js +45 -31
  192. package/dist/cjs/bal-textarea.cjs.entry.js +2 -2
  193. package/dist/cjs/bal-time-input.cjs.entry.js +2 -2
  194. package/dist/cjs/bal-tooltip.cjs.entry.js +2 -2
  195. package/dist/cjs/baloise-design-system.cjs.js +3 -2
  196. package/dist/cjs/{breakpoints.decorator-e22cc15e.js → breakpoints.decorator-69080e45.js} +1 -1
  197. package/dist/cjs/{breakpoints.subject-5f803b3c.js → breakpoints.subject-981a5b00.js} +2 -2
  198. package/dist/cjs/{element-states.decorator-e2bc15ed.js → element-states.decorator-f79681aa.js} +1 -1
  199. package/dist/cjs/{floating-ui-24577c09.js → floating-ui-5cc3a363.js} +1 -1
  200. package/dist/cjs/{focus.decorator-b93456af.js → focus.decorator-e6050e24.js} +1 -1
  201. package/dist/cjs/{form-input-e4fdf58e.js → form-input-be32df30.js} +1 -1
  202. package/dist/cjs/{app-globals-a3f2765f.js → global-85ebe098.js} +2 -4
  203. package/dist/cjs/{helpers-94660ab2.js → helpers-240da822.js} +1 -1
  204. package/dist/cjs/index.cjs.js +5 -5
  205. package/dist/cjs/initialize-367b85e5.js +1 -1
  206. package/dist/cjs/loader.cjs.js +3 -2
  207. package/dist/cjs/{mutation.decorator-a000b7ef.js → mutation.decorator-249a9606.js} +1 -1
  208. package/dist/cjs/{overlays-4c465543.js → overlays-e408bbaf.js} +1 -1
  209. package/dist/cjs/{resize.decorator-62d31afa.js → resize.decorator-ebed89a1.js} +5 -5
  210. package/dist/cjs/{swipe.decorator-447ae00e.js → swipe.decorator-8ff8dd2c.js} +1 -1
  211. package/dist/cjs/{swipe.subject-6deb82da.js → swipe.subject-00bf8c8f.js} +1 -1
  212. package/dist/cjs/{swiper.util-abdf50f1.js → swiper.util-ef01dd7a.js} +3 -20
  213. package/dist/cjs/{tokens.esm-e91514ff.js → tokens.esm-9581da78.js} +1 -1
  214. package/dist/cjs/visibility.decorator-dc8cec8a.js +90 -0
  215. package/dist/cjs/{window-resize.decorator-17c9b489.js → window-resize.decorator-1a6cc96b.js} +1 -1
  216. package/dist/collection/collection-manifest.json +2 -1
  217. package/dist/collection/components/bal-carousel/bal-carousel.css +1 -1
  218. package/dist/collection/components/bal-carousel/bal-carousel.js +11 -4
  219. package/dist/collection/components/bal-hint/bal-hint.css +1 -1
  220. package/dist/collection/components/bal-segment/bal-segment.js +25 -14
  221. package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
  222. package/dist/collection/components/bal-tabs/bal-tabs.js +33 -31
  223. package/dist/collection/components/bal-tabs/components/tab-select.js +2 -2
  224. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  225. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
  226. package/dist/collection/utils/animation/animation.decorator.js +23 -0
  227. package/dist/collection/utils/animation/animation.interfaces.js +1 -0
  228. package/dist/collection/utils/animation/animation.listener.js +30 -0
  229. package/dist/collection/utils/animation/animation.subject.js +20 -0
  230. package/dist/collection/utils/animation/index.js +2 -0
  231. package/dist/collection/utils/constants/version.constant.js +1 -1
  232. package/dist/collection/utils/helpers.js +1 -1
  233. package/dist/collection/utils/resize/resize.listener.js +4 -4
  234. package/dist/collection/utils/resize/resize.subject.js +2 -1
  235. package/dist/collection/utils/swiper/controls/dot-control.js +1 -1
  236. package/dist/collection/utils/swiper/swiper.util.js +0 -17
  237. package/dist/collection/utils/visibility/index.js +2 -0
  238. package/dist/collection/utils/visibility/visibility.decorator.js +23 -0
  239. package/dist/collection/utils/visibility/visibility.interfaces.js +1 -0
  240. package/dist/collection/utils/visibility/visibility.listener.js +41 -0
  241. package/dist/collection/utils/visibility/visibility.subject.js +23 -0
  242. package/dist/esm/animation.decorator-903bd4d2.js +75 -0
  243. package/dist/esm/app-globals-83570026.js +5 -0
  244. package/dist/esm/bal-accordion_4.entry.js +2 -2
  245. package/dist/esm/bal-app.entry.js +1 -1
  246. package/dist/esm/bal-button_2.entry.js +1 -1
  247. package/dist/esm/bal-carousel_2.entry.js +22 -15
  248. package/dist/esm/bal-checkbox-button.entry.js +3 -3
  249. package/dist/esm/bal-checkbox_2.entry.js +4 -4
  250. package/dist/esm/bal-date-calendar-cell.entry.js +2 -2
  251. package/dist/esm/bal-date-calendar_2.entry.js +4 -4
  252. package/dist/esm/bal-date.entry.js +3 -3
  253. package/dist/esm/bal-doc-app.entry.js +229 -0
  254. package/dist/esm/bal-dropdown.entry.js +3 -3
  255. package/dist/esm/bal-field_5.entry.js +2 -2
  256. package/dist/esm/bal-file-upload.entry.js +2 -2
  257. package/dist/esm/bal-footer.entry.js +1 -1
  258. package/dist/esm/bal-form.entry.js +1 -1
  259. package/dist/esm/bal-hint_5.entry.js +5 -5
  260. package/dist/esm/bal-input-slider.entry.js +2 -2
  261. package/dist/esm/bal-input-stepper.entry.js +2 -2
  262. package/dist/esm/bal-input.entry.js +2 -2
  263. package/dist/esm/bal-list_8.entry.js +5 -5
  264. package/dist/esm/bal-logo.entry.js +4 -4
  265. package/dist/esm/bal-modal_3.entry.js +2 -2
  266. package/dist/esm/bal-nav_8.entry.js +6 -6
  267. package/dist/esm/bal-navbar_5.entry.js +4 -4
  268. package/dist/esm/bal-number-input.entry.js +2 -2
  269. package/dist/esm/bal-option_2.entry.js +3 -3
  270. package/dist/esm/bal-pagination.entry.js +4 -4
  271. package/dist/esm/bal-popup.entry.js +3 -3
  272. package/dist/esm/bal-progress-bar.entry.js +5 -5
  273. package/dist/esm/bal-radio-button.entry.js +3 -3
  274. package/dist/esm/bal-radio_2.entry.js +4 -4
  275. package/dist/esm/bal-segment_2.entry.js +31 -14
  276. package/dist/esm/bal-select_2.entry.js +2 -2
  277. package/dist/esm/bal-shape.entry.js +1 -1
  278. package/dist/esm/bal-spinner.entry.js +1 -1
  279. package/dist/esm/bal-stage_6.entry.js +1 -1
  280. package/dist/esm/bal-steps.entry.js +6 -6
  281. package/dist/esm/bal-tab-item_2.entry.js +45 -31
  282. package/dist/esm/bal-textarea.entry.js +2 -2
  283. package/dist/esm/bal-time-input.entry.js +2 -2
  284. package/dist/esm/bal-tooltip.entry.js +2 -2
  285. package/dist/esm/baloise-design-system.js +3 -2
  286. package/dist/esm/{breakpoints.decorator-01f6809e.js → breakpoints.decorator-30dfcc09.js} +1 -1
  287. package/dist/esm/{breakpoints.subject-cc740608.js → breakpoints.subject-7e08db8c.js} +2 -2
  288. package/dist/esm/{element-states.decorator-4cf6af31.js → element-states.decorator-200c85c8.js} +1 -1
  289. package/dist/esm/{floating-ui-922202fe.js → floating-ui-f930810d.js} +1 -1
  290. package/dist/esm/{focus.decorator-c2c05d01.js → focus.decorator-a6de858a.js} +1 -1
  291. package/dist/esm/{form-input-1f3d8337.js → form-input-a5a2b129.js} +1 -1
  292. package/dist/esm/{app-globals-92fef8fd.js → global-88c7b04e.js} +2 -4
  293. package/dist/esm/{helpers-32d9e1cc.js → helpers-21ff73ef.js} +2 -2
  294. package/dist/esm/index.js +7 -7
  295. package/dist/esm/initialize-22c1bebc.js +1 -1
  296. package/dist/esm/loader.js +3 -2
  297. package/dist/esm/{mutation.decorator-0c202bed.js → mutation.decorator-07d5ba75.js} +1 -1
  298. package/dist/esm/{overlays-fa0ccf81.js → overlays-b7ba3a20.js} +1 -1
  299. package/dist/esm/{resize.decorator-bd416c47.js → resize.decorator-28179d27.js} +5 -5
  300. package/dist/esm/{swipe.decorator-20f4a0cb.js → swipe.decorator-b46cda4b.js} +1 -1
  301. package/dist/esm/{swipe.subject-e3db5994.js → swipe.subject-1d0412f1.js} +1 -1
  302. package/dist/esm/{swiper.util-0589b550.js → swiper.util-21981c17.js} +3 -20
  303. package/dist/esm/{tokens.esm-ddf14bd4.js → tokens.esm-6236e235.js} +1 -1
  304. package/dist/esm/visibility.decorator-d0cac6a6.js +88 -0
  305. package/dist/esm/{window-resize.decorator-b9d3c86c.js → window-resize.decorator-e4be90ee.js} +1 -1
  306. package/dist/esm-es5/animation.decorator-903bd4d2.js +1 -0
  307. package/dist/esm-es5/app-globals-83570026.js +1 -0
  308. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  309. package/dist/esm-es5/bal-app.entry.js +1 -1
  310. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  311. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  312. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  313. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  314. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  315. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  316. package/dist/esm-es5/bal-date.entry.js +1 -1
  317. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  318. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  319. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  320. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  321. package/dist/esm-es5/bal-footer.entry.js +1 -1
  322. package/dist/esm-es5/bal-form.entry.js +1 -1
  323. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  324. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  325. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  326. package/dist/esm-es5/bal-input.entry.js +1 -1
  327. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  328. package/dist/esm-es5/bal-logo.entry.js +1 -1
  329. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  330. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  331. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  332. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  333. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  334. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  335. package/dist/esm-es5/bal-popup.entry.js +1 -1
  336. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  337. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  338. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  339. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  340. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  341. package/dist/esm-es5/bal-shape.entry.js +1 -1
  342. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  343. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  344. package/dist/esm-es5/bal-steps.entry.js +1 -1
  345. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  346. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  347. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  348. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  349. package/dist/esm-es5/baloise-design-system.js +1 -1
  350. package/dist/esm-es5/breakpoints.decorator-30dfcc09.js +1 -0
  351. package/dist/esm-es5/{breakpoints.subject-cc740608.js → breakpoints.subject-7e08db8c.js} +1 -1
  352. package/dist/esm-es5/{element-states.decorator-4cf6af31.js → element-states.decorator-200c85c8.js} +1 -1
  353. package/dist/esm-es5/{floating-ui-922202fe.js → floating-ui-f930810d.js} +1 -1
  354. package/dist/esm-es5/{focus.decorator-c2c05d01.js → focus.decorator-a6de858a.js} +1 -1
  355. package/dist/esm-es5/{form-input-1f3d8337.js → form-input-a5a2b129.js} +1 -1
  356. package/dist/esm-es5/global-88c7b04e.js +1 -0
  357. package/dist/esm-es5/{helpers-32d9e1cc.js → helpers-21ff73ef.js} +1 -1
  358. package/dist/esm-es5/index.js +1 -1
  359. package/dist/esm-es5/initialize-22c1bebc.js +1 -1
  360. package/dist/esm-es5/loader.js +1 -1
  361. package/dist/esm-es5/{mutation.decorator-0c202bed.js → mutation.decorator-07d5ba75.js} +1 -1
  362. package/dist/esm-es5/{overlays-fa0ccf81.js → overlays-b7ba3a20.js} +1 -1
  363. package/dist/esm-es5/{resize.decorator-bd416c47.js → resize.decorator-28179d27.js} +1 -1
  364. package/dist/esm-es5/{swipe.decorator-20f4a0cb.js → swipe.decorator-b46cda4b.js} +1 -1
  365. package/dist/esm-es5/{swipe.subject-e3db5994.js → swipe.subject-1d0412f1.js} +1 -1
  366. package/dist/esm-es5/swiper.util-21981c17.js +1 -0
  367. package/dist/esm-es5/visibility.decorator-d0cac6a6.js +1 -0
  368. package/dist/esm-es5/{window-resize.decorator-b9d3c86c.js → window-resize.decorator-e4be90ee.js} +1 -1
  369. package/dist/types/components/bal-carousel/bal-carousel.d.ts +3 -2
  370. package/dist/types/components/bal-segment/bal-segment.d.ts +5 -2
  371. package/dist/types/components/bal-tabs/bal-tabs.d.ts +5 -3
  372. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  373. package/dist/types/components.d.ts +37 -0
  374. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
  375. package/dist/types/utils/animation/animation.decorator.d.ts +3 -0
  376. package/dist/types/utils/animation/animation.interfaces.d.ts +7 -0
  377. package/dist/types/utils/animation/animation.listener.d.ts +9 -0
  378. package/dist/types/utils/animation/animation.subject.d.ts +9 -0
  379. package/dist/types/utils/animation/index.d.ts +2 -0
  380. package/dist/types/utils/helpers.d.ts +1 -1
  381. package/dist/types/utils/swiper/swiper.util.d.ts +0 -1
  382. package/dist/types/utils/visibility/index.d.ts +2 -0
  383. package/dist/types/utils/visibility/visibility.decorator.d.ts +3 -0
  384. package/dist/types/utils/visibility/visibility.interfaces.d.ts +4 -0
  385. package/dist/types/utils/visibility/visibility.listener.d.ts +9 -0
  386. package/dist/types/utils/visibility/visibility.subject.d.ts +9 -0
  387. package/package.json +7 -7
  388. package/components/bal-dropdown2.js +0 -773
  389. package/components/bal-option2.js +0 -168
  390. package/dist/baloise-design-system/p-12ff7815.js +0 -1
  391. package/dist/baloise-design-system/p-288461e687.system.entry.js +0 -1
  392. package/dist/baloise-design-system/p-349d1c26c6.entry.js +0 -1
  393. package/dist/baloise-design-system/p-39dba60e75.system.entry.js +0 -1
  394. package/dist/baloise-design-system/p-5622c208.system.js +0 -1
  395. package/dist/baloise-design-system/p-70f7b546.system.js +0 -1
  396. package/dist/baloise-design-system/p-78ba217818.entry.js +0 -1
  397. package/dist/baloise-design-system/p-7b6c84c359.system.entry.js +0 -1
  398. package/dist/baloise-design-system/p-b3e4339305.entry.js +0 -1
  399. package/dist/baloise-design-system/p-ef436fd645.system.entry.js +0 -1
  400. package/dist/baloise-design-system/p-f67047f5ce.entry.js +0 -1
  401. package/dist/esm-es5/app-globals-92fef8fd.js +0 -1
  402. package/dist/esm-es5/breakpoints.decorator-01f6809e.js +0 -1
  403. package/dist/esm-es5/swiper.util-0589b550.js +0 -1
  404. /package/dist/baloise-design-system/{p-c9bb496a.system.js → p-7ab3d4a4.system.js} +0 -0
  405. /package/dist/baloise-design-system/{p-1837eab3.js → p-e690debe.js} +0 -0
  406. /package/dist/esm-es5/{tokens.esm-ddf14bd4.js → tokens.esm-6236e235.js} +0 -0
package/dist/baloise-design-system/{p-e099fd9574.entry.js → p-28f96ad58b.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as o,c as a,h as e,H as c,g as r}from"./p-2ccbe55a.js";import{_ as b,a as l}from"./p-43c9f5e9.js";import{B as t}from"./p-ae86d0a0.js";import{s as i}from"./p-81894fe8.js";import{L as d}from"./p-b77e3348.js";import{F as n}from"./p-ca119357.js";import{j as h}from"./p-21f87590.js";import{B as s,L as v}from"./p-3541dd16.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const k=class{constructor(e){o(this,e),this.balFocus=a(this,"balFocus",7),this.balBlur=a(this,"balBlur",7),this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=o=>{if(this.disabled||this.readonly)return i(o);const a=o.target;if(a&&a.href)return;const e=this.el.querySelector("bal-checkbox"),c=o.target;e&&c&&(c===e||h(e,c)||(i(o),e.click()))},this.onFocus=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.keyboardMode&&(this.focused=!0),e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.focus()):this.balFocus.emit()},this.onBlur=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.focused=!1,e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=o=>this.keyboardMode=n.includes(o.key),this.interactionState=s.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(o){this.log=o}invalidHandler(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(o){this.interactionChildElements.forEach((a=>{a.hovered=o.hovered,a.pressed=o.pressed}))}async setChecked(o=!0){this.checked=o}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(o,a){const e=this[o];void 0!==e&&this.notifyComponents(a,(a=>a[o]=e))}notifyComponents(o,a){this.el.querySelectorAll(o.join(", ")).forEach((o=>a(o)))}render(){const o=t.block("checkbox-button"),a=!!this.disabled||!!this.readonly,r=!!this.invalid,b=!!this.color,l=this.checked&&b;return e(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`column-${this.colSize}`).class(this.colSize>1)),o.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),o.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(a)),o.element("native").modifier("invalid").class(r)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier(`color-${this.color}`).class(b)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))}get el(){return r(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};b([d("bal-checkbox-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),b([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null),k.style="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-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-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";export{k as bal_checkbox_button}
1
+ import{r as o,c as a,h as e,H as c,g as r}from"./p-2ccbe55a.js";import{_ as b,a as l}from"./p-43c9f5e9.js";import{B as t}from"./p-ae86d0a0.js";import{s as i}from"./p-cc8cfbf3.js";import{L as d}from"./p-b77e3348.js";import{F as n}from"./p-ca119357.js";import{j as h}from"./p-f64319f1.js";import{B as s,L as v}from"./p-ebf5cc68.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const k=class{constructor(e){o(this,e),this.balFocus=a(this,"balFocus",7),this.balBlur=a(this,"balBlur",7),this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=o=>{if(this.disabled||this.readonly)return i(o);const a=o.target;if(a&&a.href)return;const e=this.el.querySelector("bal-checkbox"),c=o.target;e&&c&&(c===e||h(e,c)||(i(o),e.click()))},this.onFocus=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.keyboardMode&&(this.focused=!0),e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.focus()):this.balFocus.emit()},this.onBlur=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),c=o.target;this.focused=!1,e&&c?(c===e||h(e,c))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=o=>this.keyboardMode=n.includes(o.key),this.interactionState=s.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(o){this.log=o}invalidHandler(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(o){this.interactionChildElements.forEach((a=>{a.hovered=o.hovered,a.pressed=o.pressed}))}async setChecked(o=!0){this.checked=o}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(o,a){const e=this[o];void 0!==e&&this.notifyComponents(a,(a=>a[o]=e))}notifyComponents(o,a){this.el.querySelectorAll(o.join(", ")).forEach((o=>a(o)))}render(){const o=t.block("checkbox-button"),a=!!this.disabled||!!this.readonly,r=!!this.invalid,b=!!this.color,l=this.checked&&b;return e(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`column-${this.colSize}`).class(this.colSize>1)),o.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),o.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(a)),o.element("native").modifier("invalid").class(r)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier(`color-${this.color}`).class(b)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))}get el(){return r(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};b([d("bal-checkbox-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),b([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null),k.style="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-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-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";export{k as bal_checkbox_button}
package/dist/baloise-design-system/p-2ebb0a90e9.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{h as e,r,c as t,H as a,g as o}from"./p-2ccbe55a.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{a as l}from"./p-d9b38501.js";import{t as c,S as b}from"./p-cc35663d.js";import{s as d}from"./p-cc8cfbf3.js";import{L as u}from"./p-e6cf2df3.js";import{L as p}from"./p-12edf09f.js";import{L as h}from"./p-7a6a128f.js";import{L as m}from"./p-d516d3b1.js";import{b as g}from"./p-4e2a528c.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-ee379377.js";import{L as w}from"./p-69e7c8d6.js";import{m as v,b as k}from"./p-f64319f1.js";import{i as y}from"./p-dd5e13d1.js";import"./p-dc98854c.js";import"./p-acf222fd.js";import"./p-a65354df.js";import"./p-4e9084dc.js";import"./p-96216bd1.js";import"./p-e690debe.js";import"./p-b77e3348.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const x=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=n.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":l(r===t.value),"aria-controls":a+"-"+c(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},j=class{constructor(e){r(this,e),this.balChange=t(this,"balChange",7),this.swiper=new b,this.swiperIsLastSlideVisible=!1,this.mutationObserverActive=!0,this.hasAnimated=!1,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onInterFaceChange(){this.swiper.gapSize="product"===this.interface?16:0}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onInterFaceChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&d(e)}mutationListener(){this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=n.block("carousel"),t=r.element("inner"),o=t.element("container");return e(a,{key:"89263d584f6952e1e8b22c1158ab814f3d8d601e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},"tabs"===this.controls?e(x,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"fb631d4a11c0e094c65e42fec8742cfe15b0bcf8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"793f837d4e6ae7e636fcf33a523c610e7639423d",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"7786bb252ef257147b3a9b1f357587710d8d0d21"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.swiper.renderControls())}get el(){return o(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],interface:["onInterFaceChange"]}}};i([p({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"mutationListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"visibilityListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],j.prototype,"swipeListener",null),i([u(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],j.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"resizeListener",null),i([w(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const O=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.isOnLoadEventDone=!1,this.containerId="",this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentDidLoad(){v((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=y(this.el,["alt"]),this.getContainerId()}async setFocus(){await k(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=n.block("carousel").element("item"),t=!!this.color&&!!this.label,o=this.el.closest("bal-carousel"),i=o&&"tabs"===o.controls?"tabpanel":"listitem",s=`${this.containerId}-${c(this.label)}`;if(!t)return e(a,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const l=r.element("button"),b=l.element("image"),d=l.element("label"),{elementType:u,download:p,href:h,rel:m,target:g,name:_,value:f}=this,w=void 0===this.href?"button":"a",v="button"===w?{type:u,name:_,value:f}:{download:p,href:h,rel:m,target:g};return e(a,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(w,Object.assign({},v,{class:Object.assign(Object.assign({},l.class()),l.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},b.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?e("span",{class:Object.assign({},d.class())},this.label):"",e("slot",null)))}get el(){return o(this)}};export{j as bal_carousel,O as bal_carousel_item}
package/dist/baloise-design-system/{p-e0377a6d84.entry.js → p-32faec4f65.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,g as r}from"./p-2ccbe55a.js";import{_ as s,a}from"./p-43c9f5e9.js";import{o as n,m as o}from"./p-21f87590.js";import{L as h}from"./p-b77e3348.js";import{B as c}from"./p-ae86d0a0.js";import{d}from"./p-a19d1e1d.js";import{L as l}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const m=class{constructor(e){t(this,e),this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=n((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,e)=>{if(this.animationFunction)return t();o((async()=>{import("./p-53e09ecb.js").then((e=>{this.animationFunction=e.animate,t()})).catch(e)}))})),this.animated=d.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo"}createLogger(t){this.log=t}deactivatedWatcher(t,e){t!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(t,e){t!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(t){this.animated=t.animated,!1===t.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const t=c.block("spinner");return e(i,{key:"4aaf8217ef26f408e1cab309a966cc9ec52f7044",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class("circle"===this.variation)),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),role:"progressbar","aria-hidden":"true"})}get el(){return r(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([h("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],m.prototype,"createLogger",null),s([l(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],m.prototype,"configChanged",null),m.style="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{m as bal_spinner}
1
+ import{r as t,h as e,H as i,g as r}from"./p-2ccbe55a.js";import{_ as s,a}from"./p-43c9f5e9.js";import{o as n,m as o}from"./p-f64319f1.js";import{L as h}from"./p-b77e3348.js";import{B as c}from"./p-ae86d0a0.js";import{d}from"./p-a19d1e1d.js";import{L as l}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const m=class{constructor(e){t(this,e),this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=n((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,e)=>{if(this.animationFunction)return t();o((async()=>{import("./p-53e09ecb.js").then((e=>{this.animationFunction=e.animate,t()})).catch(e)}))})),this.animated=d.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo"}createLogger(t){this.log=t}deactivatedWatcher(t,e){t!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(t,e){t!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(t){this.animated=t.animated,!1===t.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const t=c.block("spinner");return e(i,{key:"4aaf8217ef26f408e1cab309a966cc9ec52f7044",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class("circle"===this.variation)),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),role:"progressbar","aria-hidden":"true"})}get el(){return r(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([h("bal-spinner"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],m.prototype,"createLogger",null),s([l(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],m.prototype,"configChanged",null),m.style="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{m as bal_spinner}
package/dist/baloise-design-system/{p-52cad6cf9f.entry.js → p-36db598b9c.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as a,c as o,h as e,H as c,g as b}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{s as i,c as d,d as h}from"./p-81894fe8.js";import{j as t,v as k}from"./p-21f87590.js";import{i as x}from"./p-dd5e13d1.js";import{B as s}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{F as _}from"./p-ca119357.js";import{d as v}from"./p-f385e205.js";import{a as u}from"./p-d9b38501.js";import{d as g}from"./p-dc98854c.js";import{a as f}from"./p-00b37ea2.js";import{L as w}from"./p-3df52a1f.js";import{L as p}from"./p-ff7903eb.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-acf222fd.js";const m=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balChange=o(this,"balChange",7),this.inputId="bal-cb-"+y++,this.inheritedAttributes={},this.keyboardMode=!0,this.initialValue=!1,this.onKeypress=a=>{if(g(a)){const o=a.target;if(o.href)return;"INPUT"!==o.nodeName||this.disabled||this.readonly?i(a):(this.toggleChecked(),a.preventDefault())}},this.onClick=a=>{var o;const e=a.target;e.href||(this.wasFocused&&(this.focused=!0),"INPUT"===e.nodeName||this.disabled||this.readonly?i(a):(this.toggleChecked(),null===(o=this.nativeInput)||void 0===o||o.focus(),a.preventDefault()))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,i(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return i(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>{g(a)||(this.wasFocused=!1),this.keyboardMode=_.includes(a.key)},this.hasLabel=!0,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=v,this.wasFocused=!1,this.name=this.inputId,this.label="",this.invisible=!1,this.labelHidden=!1,this.flat=!1,this.inline=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1}createLogger(a){this.log=a}connectedCallback(){const a=this.group;(this.checkboxButton||a)&&this.updateState(),a&&a.addEventListener("balChange",(()=>this.updateState())),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||t(this.el,a.target))&&i(a)}resetHandler(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}async setFocus(){d(this)}async setBlur(){h(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async setButtonTabindex(a){this.buttonTabindex=this.checkboxButton?-1:a}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const a=this.group.value.includes(this.value);a!==this.checked&&(this.checked=a)}this.checkboxButton&&(this.buttonTabindex=-1,this.checkboxButton.setChecked&&this.checkboxButton.setChecked(this.checked))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get option(){return{name:this.name,value:this.value,checked:this.checked,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}}get group(){return this.el.closest("bal-checkbox-group")}get checkboxButton(){return this.el.closest("bal-checkbox-button")}toggleChecked(){this.checked=!this.checked,this.balChange.emit(this.checked)}render(){const a=s.block("radio-checkbox"),o=a.element("input"),b=a.element("label"),l=a.element("icon"),r=b.element("text"),i=this.focused&&-1!==this.buttonTabindex,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const h=this.ariaForm.controlId||this.inputId;let t=this.ariaForm.labelId||null;const k=this.labelHidden?"span":"label",x={};return this.labelHidden||(t=`${t||""} ${h}-lbl`.trim(),x.id=`${h}-lbl`,x.htmlFor=h),e(c,{key:"c8750cdbfdcacaad3f9732df1b6f41737d8161c6","aria-checked":`${this.checked}`,"aria-disabled":u(this.disabled),"aria-hidden":u(this.disabled||this.nonSubmit),"aria-focused":i?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":i},a.class()),a.modifier("checkbox").class()),a.modifier("select-button").class("select-button"===this.interface)),a.modifier("switch").class("switch"===this.interface)),a.modifier("focused").class(this.focused)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("invisible").class(this.invisible)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier("inline").class(this.inline)),onKeypress:this.onKeypress,onClick:this.onClick},e("input",Object.assign({key:"3ca5dba1459ca35a59463ced5cdc7f14a227110d",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class("select-button"===this.interface)),"data-testid":"bal-checkbox-input",type:"checkbox",id:h,"aria-labelledby":t,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(this.disabled),"aria-checked":`${this.checked}`,"aria-hidden":u(this.nonSubmit),name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:a=>this.nativeInput=a},d)),this.invisible?"":e(k,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checkbox").class()),b.modifier("checked").class(this.checked)),b.modifier("hidden").class(this.labelHidden)),b.modifier("flat").class(this.flat)),b.modifier("switch").class("switch"===this.interface))},x,{"data-testid":"bal-checkbox-label"}),"switch"===this.interface?e("bal-icon",{class:Object.assign({},l.class()),name:"check",color:"white",size:"x-small","aria-hidden":"true"}):"",e("span",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(this.labelHidden)),r.modifier("flat").class(this.flat)),"data-testid":"bal-checkbox-text"},this.label,e("slot",null))))}get el(){return b(this)}};l([n("bal-checkbox"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],m.prototype,"createLogger",null);let y=0;m.style='@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}';const j=class{constructor(e){a(this,e),this.balChange=o(this,"balChange",7),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.inputId="bal-cg-"+O++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=a=>{if(!this.control)return;if(a.target.href)return;a.preventDefault();const o=a.target&&a.target.closest("bal-checkbox");if(o&&(o.disabled||o.readonly))return a.stopPropagation();const e=[];this.getCheckboxes().forEach((a=>{a.checked&&e.push(a.value)})),f(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))},this.onOptionChange=async()=>{this.sync()},this.ariaForm=v,this.options=void 0,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.invalid=a})),this.getCheckboxButtons().forEach((o=>{o.invalid=a})))}disabledChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.disabled=a})),this.getCheckboxButtons().forEach((o=>{o.disabled=a})))}readonlyChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.readonly=a})),this.getCheckboxButtons().forEach((o=>{o.readonly=a})))}valueChanged(a,o){this.control&&f(this.value,o)||this.onOptionChange()}columnsChanged(a){this.getCheckboxButtons().forEach((o=>o.colSize=a))}columnsTabletChanged(a){this.getCheckboxButtons().forEach((o=>o.colSizeTablet=a))}columnsMobileChanged(a){this.getCheckboxButtons().forEach((o=>o.colSizeMobile=a))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options)}componentWillLoad(){this.control&&(this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){this.control&&t(this.el,a.target)&&i(a)}resetHandler(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(a){const{target:o}=a;o&&t(this.el,o)&&k(o,"bal-checkbox")&&i(a)}checkboxBlurListener(a){const{target:o}=a;o&&t(this.el,o)&&k(o,"bal-checkbox")&&i(a)}async setValue(a){this.control&&(this.value=a)}async getOptionByValue(a){const o=this.options;if(o)return o.find((o=>o.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}sync(){if(this.control){const a=a=>{for(let o=0;o<this.value.length;o++){const e=this.value[o];if(void 0!==e&&e.toString()===a.value.toString())return!0}return!1};this.getCheckboxes().forEach((o=>{o.checked=a(o)}))}this.getCheckboxes().forEach((a=>{this.interface&&(a.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}getCheckboxButtons(){return Array.from(this.el.querySelectorAll("bal-checkbox-button"))}render(){const a=s.block("radio-checkbox-group"),o=a.element("inner"),b=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return e(c,Object.assign({class:Object.assign({},a.class()),role:"group","aria-disabled":this.disabled?"true":null,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,onClick:this.onClick},this.inheritedAttributes),e("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("select-button"===this.interface))},e("slot",null),b.map((a=>e("bal-checkbox",{key:a.value,name:a.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return b(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([n("bal-checkbox-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],j.prototype,"createLogger",null),l([w(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],j.prototype,"focusInListener",null),l([w(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],j.prototype,"focusOutListener",null),l([p({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],j.prototype,"mutationListener",null);let O=0;export{m as bal_checkbox,j as bal_checkbox_group}
1
+ import{r as a,c as o,h as e,H as c,g as b}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{s as i,c as d,d as h}from"./p-cc8cfbf3.js";import{j as t,v as k}from"./p-f64319f1.js";import{i as x}from"./p-dd5e13d1.js";import{B as s}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{F as _}from"./p-ca119357.js";import{d as v}from"./p-f385e205.js";import{a as u}from"./p-d9b38501.js";import{d as g}from"./p-dc98854c.js";import{a as f}from"./p-00b37ea2.js";import{L as w}from"./p-744daf78.js";import{L as p}from"./p-12edf09f.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-acf222fd.js";const m=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balChange=o(this,"balChange",7),this.inputId="bal-cb-"+y++,this.inheritedAttributes={},this.keyboardMode=!0,this.initialValue=!1,this.onKeypress=a=>{if(g(a)){const o=a.target;if(o.href)return;"INPUT"!==o.nodeName||this.disabled||this.readonly?i(a):(this.toggleChecked(),a.preventDefault())}},this.onClick=a=>{var o;const e=a.target;e.href||(this.wasFocused&&(this.focused=!0),"INPUT"===e.nodeName||this.disabled||this.readonly?i(a):(this.toggleChecked(),null===(o=this.nativeInput)||void 0===o||o.focus(),a.preventDefault()))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,i(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return i(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>{g(a)||(this.wasFocused=!1),this.keyboardMode=_.includes(a.key)},this.hasLabel=!0,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=v,this.wasFocused=!1,this.name=this.inputId,this.label="",this.invisible=!1,this.labelHidden=!1,this.flat=!1,this.inline=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1}createLogger(a){this.log=a}connectedCallback(){const a=this.group;(this.checkboxButton||a)&&this.updateState(),a&&a.addEventListener("balChange",(()=>this.updateState())),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||t(this.el,a.target))&&i(a)}resetHandler(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.checked=this.initialValue)}async setFocus(){d(this)}async setBlur(){h(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async setButtonTabindex(a){this.buttonTabindex=this.checkboxButton?-1:a}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const a=this.group.value.includes(this.value);a!==this.checked&&(this.checked=a)}this.checkboxButton&&(this.buttonTabindex=-1,this.checkboxButton.setChecked&&this.checkboxButton.setChecked(this.checked))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get option(){return{name:this.name,value:this.value,checked:this.checked,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}}get group(){return this.el.closest("bal-checkbox-group")}get checkboxButton(){return this.el.closest("bal-checkbox-button")}toggleChecked(){this.checked=!this.checked,this.balChange.emit(this.checked)}render(){const a=s.block("radio-checkbox"),o=a.element("input"),b=a.element("label"),l=a.element("icon"),r=b.element("text"),i=this.focused&&-1!==this.buttonTabindex,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const h=this.ariaForm.controlId||this.inputId;let t=this.ariaForm.labelId||null;const k=this.labelHidden?"span":"label",x={};return this.labelHidden||(t=`${t||""} ${h}-lbl`.trim(),x.id=`${h}-lbl`,x.htmlFor=h),e(c,{key:"c8750cdbfdcacaad3f9732df1b6f41737d8161c6","aria-checked":`${this.checked}`,"aria-disabled":u(this.disabled),"aria-hidden":u(this.disabled||this.nonSubmit),"aria-focused":i?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":i},a.class()),a.modifier("checkbox").class()),a.modifier("select-button").class("select-button"===this.interface)),a.modifier("switch").class("switch"===this.interface)),a.modifier("focused").class(this.focused)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("invisible").class(this.invisible)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier("inline").class(this.inline)),onKeypress:this.onKeypress,onClick:this.onClick},e("input",Object.assign({key:"3ca5dba1459ca35a59463ced5cdc7f14a227110d",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class("select-button"===this.interface)),"data-testid":"bal-checkbox-input",type:"checkbox",id:h,"aria-labelledby":t,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":u(this.disabled),"aria-checked":`${this.checked}`,"aria-hidden":u(this.nonSubmit),name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:a=>this.nativeInput=a},d)),this.invisible?"":e(k,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checkbox").class()),b.modifier("checked").class(this.checked)),b.modifier("hidden").class(this.labelHidden)),b.modifier("flat").class(this.flat)),b.modifier("switch").class("switch"===this.interface))},x,{"data-testid":"bal-checkbox-label"}),"switch"===this.interface?e("bal-icon",{class:Object.assign({},l.class()),name:"check",color:"white",size:"x-small","aria-hidden":"true"}):"",e("span",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("hidden").class(this.labelHidden)),r.modifier("flat").class(this.flat)),"data-testid":"bal-checkbox-text"},this.label,e("slot",null))))}get el(){return b(this)}};l([n("bal-checkbox"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],m.prototype,"createLogger",null);let y=0;m.style='@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}';const j=class{constructor(e){a(this,e),this.balChange=o(this,"balChange",7),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.inputId="bal-cg-"+O++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=a=>{if(!this.control)return;if(a.target.href)return;a.preventDefault();const o=a.target&&a.target.closest("bal-checkbox");if(o&&(o.disabled||o.readonly))return a.stopPropagation();const e=[];this.getCheckboxes().forEach((a=>{a.checked&&e.push(a.value)})),f(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))},this.onOptionChange=async()=>{this.sync()},this.ariaForm=v,this.options=void 0,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.invalid=a})),this.getCheckboxButtons().forEach((o=>{o.invalid=a})))}disabledChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.disabled=a})),this.getCheckboxButtons().forEach((o=>{o.disabled=a})))}readonlyChanged(a){this.control&&void 0!==a&&(this.getCheckboxes().forEach((o=>{o.readonly=a})),this.getCheckboxButtons().forEach((o=>{o.readonly=a})))}valueChanged(a,o){this.control&&f(this.value,o)||this.onOptionChange()}columnsChanged(a){this.getCheckboxButtons().forEach((o=>o.colSize=a))}columnsTabletChanged(a){this.getCheckboxButtons().forEach((o=>o.colSizeTablet=a))}columnsMobileChanged(a){this.getCheckboxButtons().forEach((o=>o.colSizeMobile=a))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options)}componentWillLoad(){this.control&&(this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){this.control&&t(this.el,a.target)&&i(a)}resetHandler(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(a){const{target:o}=a;o&&t(this.el,o)&&k(o,"bal-checkbox")&&i(a)}checkboxBlurListener(a){const{target:o}=a;o&&t(this.el,o)&&k(o,"bal-checkbox")&&i(a)}async setValue(a){this.control&&(this.value=a)}async getOptionByValue(a){const o=this.options;if(o)return o.find((o=>o.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}sync(){if(this.control){const a=a=>{for(let o=0;o<this.value.length;o++){const e=this.value[o];if(void 0!==e&&e.toString()===a.value.toString())return!0}return!1};this.getCheckboxes().forEach((o=>{o.checked=a(o)}))}this.getCheckboxes().forEach((a=>{this.interface&&(a.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}getCheckboxButtons(){return Array.from(this.el.querySelectorAll("bal-checkbox-button"))}render(){const a=s.block("radio-checkbox-group"),o=a.element("inner"),b=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return e(c,Object.assign({class:Object.assign({},a.class()),role:"group","aria-disabled":this.disabled?"true":null,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,onClick:this.onClick},this.inheritedAttributes),e("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("select-button"===this.interface))},e("slot",null),b.map((a=>e("bal-checkbox",{key:a.value,name:a.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return b(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([n("bal-checkbox-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],j.prototype,"createLogger",null),l([w(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],j.prototype,"focusInListener",null),l([w(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],j.prototype,"focusOutListener",null),l([p({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],j.prototype,"mutationListener",null);let O=0;export{m as bal_checkbox,j as bal_checkbox_group}
package/dist/baloise-design-system/{p-a71cc6d652.entry.js → p-36fe1faedd.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as s,h as a,H as t,g as e}from"./p-2ccbe55a.js";import{s as i}from"./p-f385e205.js";import{d as r,b as o}from"./p-21f87590.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const f=class{constructor(a){s(this,a),this.native=!1,this.novalidate=!1,this.formClass=""}async scrollToFirstInvalidField(){await r(),await o(),i({formEl:this.el})}render(){let s={};return this.native&&(s={novalidate:this.novalidate}),a(t,{key:"6e18df8ae00274664abd91bce9318de7c9fbd1e3"},a(this.native?"form":"div",Object.assign({key:"48bee97b1a0e11629d70a562ff7020cb753a258a"},s,{class:this.formClass}),a("slot",{key:"8dae2c5837fead69d624ae443934bb7fa6f7dfe8"})))}get el(){return e(this)}};f.style=".bal-form{display:block;position:static}";export{f as bal_form}
1
+ import{r as s,h as a,H as t,g as e}from"./p-2ccbe55a.js";import{s as i}from"./p-f385e205.js";import{d as r,b as o}from"./p-f64319f1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const f=class{constructor(a){s(this,a),this.native=!1,this.novalidate=!1,this.formClass=""}async scrollToFirstInvalidField(){await r(),await o(),i({formEl:this.el})}render(){let s={};return this.native&&(s={novalidate:this.novalidate}),a(t,{key:"6e18df8ae00274664abd91bce9318de7c9fbd1e3"},a(this.native?"form":"div",Object.assign({key:"48bee97b1a0e11629d70a562ff7020cb753a258a"},s,{class:this.formClass}),a("slot",{key:"8dae2c5837fead69d624ae443934bb7fa6f7dfe8"})))}get el(){return e(this)}};f.style=".bal-form{display:block;position:static}";export{f as bal_form}
package/dist/baloise-design-system/{p-5b85dec39b.system.entry.js → p-38ca9dfde3.system.entry.js} RENAMED
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,i,t,l){function a(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,n){function r(e){try{o(l.next(e))}catch(e){n(e)}}function s(e){try{o(l["throw"](e))}catch(e){n(e)}}function o(e){e.done?t(e.value):a(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},l,a,n,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){t.label=s[1];break}if(s[0]===6&&t.label<n[1]){t.label=n[1];n=s;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(s);break}if(n[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];a=0}finally{l=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,a=i.length,n;l<a;l++){if(n||!(l in i)){if(!n)n=Array.prototype.slice.call(i,0,l);n[l]=i[l]}}return e.concat(n||Array.prototype.slice.call(i))};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-a2090a9d.system.js","./p-6e5745c8.system.js","./p-97f3a682.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var i,t,l,a,n,r,s,o,f,d,c,b;return{setters:[function(e){i=e.r;t=e.c;l=e.h;a=e.H;n=e.g},function(e){r=e._;s=e.a},function(e){o=e.h;f=e.b},function(e){d=e.d},function(e){c=e.L},function(e){b=e.B},function(){},function(){},function(){},function(){}],execute:function(){var u=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var h=u;var m=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(p++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,o(this.el)];case 1:r.sent();return[4,f()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);l=d;if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<t.length))return[3,10];n=t[a];if(!(a===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return l(a,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},l("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),l("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());r([c({subtree:false,waitAfterFramePrint:true}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],m.prototype,"mutationListener",null);var p=0;m.style=h;var g=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return l("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return l("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return l(a,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},l("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var y=e("bal_field_hint",function(){function e(e){i(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=b.block("field-hint");return l(a,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},e.class())},l("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?l("bal-hint-title",null,this.subject):"",l("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},l("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))};return e}());var v=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return l(a,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},l("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},l("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var _=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=d;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return l(a,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e)},l("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))};return e}())}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,i,t,l){function a(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,n){function r(e){try{o(l.next(e))}catch(e){n(e)}}function s(e){try{o(l["throw"](e))}catch(e){n(e)}}function o(e){e.done?t(e.value):a(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},l,a,n,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){t.label=s[1];break}if(s[0]===6&&t.label<n[1]){t.label=n[1];n=s;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(s);break}if(n[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];a=0}finally{l=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,a=i.length,n;l<a;l++){if(n||!(l in i)){if(!n)n=Array.prototype.slice.call(i,0,l);n[l]=i[l]}}return e.concat(n||Array.prototype.slice.call(i))};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-d9b32333.system.js","./p-6e5745c8.system.js","./p-c6a673f7.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var i,t,l,a,n,r,s,o,f,d,c,b;return{setters:[function(e){i=e.r;t=e.c;l=e.h;a=e.H;n=e.g},function(e){r=e._;s=e.a},function(e){o=e.h;f=e.b},function(e){d=e.d},function(e){c=e.L},function(e){b=e.B},function(){},function(){},function(){},function(){}],execute:function(){var u=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var h=u;var m=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(p++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,a,n;return __generator(this,(function(r){switch(r.label){case 0:return[4,o(this.el)];case 1:r.sent();return[4,f()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);l=d;if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}a=0;r.label=3;case 3:if(!(a<t.length))return[3,10];n=t[a];if(!(a===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,n===null||n===void 0?void 0:n.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(a);return[4,n===null||n===void 0?void 0:n.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:a++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return l(a,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},l("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),l("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());r([c({subtree:false,waitAfterFramePrint:true}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],m.prototype,"mutationListener",null);var p=0;m.style=h;var g=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return l("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return l("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return l(a,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},l("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var y=e("bal_field_hint",function(){function e(e){i(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=b.block("field-hint");return l(a,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},e.class())},l("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?l("bal-hint-title",null,this.subject):"",l("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},l("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))};return e}());var v=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return l(a,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},l("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},l("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var _=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=d;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return l(a,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e)},l("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))};return e}())}}}));