@baloise/ds-core 17.2.4 → 17.2.5

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 (375) hide show
  1. package/components/animation.decorator.js +75 -0
  2. package/components/bal-carousel.js +12 -5
  3. package/components/bal-dropdown.js +771 -1
  4. package/components/bal-hint2.js +1 -1
  5. package/components/bal-nav.js +72 -48
  6. package/components/bal-option.js +166 -1
  7. package/components/bal-segment.js +27 -10
  8. package/components/bal-select-option.js +1 -45
  9. package/components/bal-select-option2.js +47 -0
  10. package/components/bal-select.js +1 -847
  11. package/components/bal-select2.js +849 -0
  12. package/components/bal-tabs2.js +67 -35
  13. package/components/helpers.js +1 -1
  14. package/components/index.js +1 -1
  15. package/components/keyboard.helpers.js +1 -1
  16. package/components/resize.decorator.js +5 -5
  17. package/components/swiper.util.js +1 -18
  18. package/components/tokens.esm.js +1 -1
  19. package/components/visibility.decorator.js +88 -0
  20. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  21. package/dist/baloise-design-system/index.esm.js +1 -1
  22. package/dist/baloise-design-system/{p-10ebc871f4.system.entry.js → p-0640709738.system.entry.js} +1 -1
  23. package/dist/baloise-design-system/{p-46b7cb48d1.entry.js → p-0af64ec6f2.entry.js} +1 -1
  24. package/dist/baloise-design-system/{p-24e594cd49.entry.js → p-0c3b2d6c8e.entry.js} +1 -1
  25. package/dist/baloise-design-system/{p-6b79e568.js → p-0d7b7182.js} +1 -1
  26. package/dist/baloise-design-system/p-0e323fe0.system.js +1 -1
  27. package/dist/baloise-design-system/{p-0c28f0a46f.system.entry.js → p-11d1b8b8c6.system.entry.js} +1 -1
  28. package/dist/baloise-design-system/{p-ff7903eb.js → p-12edf09f.js} +1 -1
  29. package/dist/baloise-design-system/{p-770f4365f6.system.entry.js → p-14c3418170.system.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-dbc7c601d3.entry.js → p-16145691fd.entry.js} +1 -1
  31. package/dist/baloise-design-system/{p-7cb2ead5.system.js → p-18d7c665.system.js} +1 -1
  32. package/dist/baloise-design-system/p-1a77262b04.entry.js +1 -0
  33. package/dist/baloise-design-system/{p-bcbc8278e2.system.entry.js → p-1b0ba8f0a2.system.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-56cf1ab1.system.js → p-1d22490c.system.js} +1 -1
  35. package/dist/baloise-design-system/{p-97cd0b900d.system.entry.js → p-1df848f9fc.system.entry.js} +1 -1
  36. package/dist/baloise-design-system/p-26a55cbddc.entry.js +1 -0
  37. package/dist/baloise-design-system/{p-e099fd9574.entry.js → p-28f96ad58b.entry.js} +1 -1
  38. package/dist/baloise-design-system/p-2a842fec05.entry.js +1 -0
  39. package/dist/baloise-design-system/{p-e0377a6d84.entry.js → p-32faec4f65.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-52cad6cf9f.entry.js → p-36db598b9c.entry.js} +1 -1
  41. package/dist/baloise-design-system/{p-a71cc6d652.entry.js → p-36fe1faedd.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-5b85dec39b.system.entry.js → p-38ca9dfde3.system.entry.js} +1 -1
  43. package/dist/baloise-design-system/p-3b5ab50d03.system.entry.js +1 -0
  44. package/dist/baloise-design-system/{p-ccd2ef1106.entry.js → p-3bd47497b5.entry.js} +1 -1
  45. package/dist/baloise-design-system/p-3bda73d30c.system.entry.js +1 -0
  46. package/dist/baloise-design-system/{p-878cb7914d.entry.js → p-41931a0925.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-16baa62182.system.entry.js → p-440f0ed2a6.system.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-d0e23ec9f1.entry.js → p-4584876a4c.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-b0a4d40a.js → p-49361909.js} +1 -1
  50. package/dist/baloise-design-system/{p-498c20ac2a.system.entry.js → p-4b7fd117bc.system.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-0933f23da2.system.entry.js → p-4c030e87cf.system.entry.js} +1 -1
  52. package/dist/baloise-design-system/{p-cad154ad.js → p-4e9084dc.js} +1 -1
  53. package/dist/baloise-design-system/{p-c13b1376.system.js → p-4f99ecfe.system.js} +1 -1
  54. package/dist/baloise-design-system/{p-47de946676.system.entry.js → p-4fee64d2d2.system.entry.js} +1 -1
  55. package/dist/baloise-design-system/{p-b77d63ca25.entry.js → p-5591d69c49.entry.js} +1 -1
  56. package/dist/baloise-design-system/{p-4a80e2c1.system.js → p-56c370cb.system.js} +1 -1
  57. package/dist/baloise-design-system/p-59d20a5382.entry.js +1 -0
  58. package/dist/baloise-design-system/p-5b81757b8c.entry.js +1 -0
  59. package/dist/baloise-design-system/{p-27a8f7d1e4.system.entry.js → p-5b93e0df0c.system.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-9618956a56.system.entry.js → p-5d2479f2ea.system.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-1334e37be0.system.entry.js → p-5f234e78f6.system.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-8360204072.entry.js → p-62251008b0.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-c642582c09.system.entry.js → p-66df17135c.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-1ae4dca673.system.entry.js → p-6e6f2f3713.system.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-0400a0cd.system.js → p-6efc37f9.system.js} +1 -1
  66. package/dist/baloise-design-system/p-70f7b546.system.js +1 -1
  67. package/dist/baloise-design-system/{p-47d7e166.system.js → p-7396469a.system.js} +1 -1
  68. package/dist/baloise-design-system/{p-932a19ea57.entry.js → p-7449aea98b.entry.js} +1 -1
  69. package/dist/baloise-design-system/{p-3df52a1f.js → p-744daf78.js} +1 -1
  70. package/dist/baloise-design-system/{p-6cdd068206.system.entry.js → p-769dd49917.system.entry.js} +1 -1
  71. package/dist/baloise-design-system/{p-85479ae3cf.system.entry.js → p-775dbee0fc.system.entry.js} +1 -1
  72. package/dist/baloise-design-system/{p-761cb0e801.system.entry.js → p-79554c4acd.system.entry.js} +1 -1
  73. package/dist/baloise-design-system/{p-9db35d91.js → p-7a6a128f.js} +1 -1
  74. package/dist/baloise-design-system/{p-54ce8c3c.js → p-80f1ad47.js} +1 -1
  75. package/dist/baloise-design-system/p-8243fda7b3.system.entry.js +1 -0
  76. package/dist/baloise-design-system/{p-9ad648deea.system.entry.js → p-85e3b067cf.system.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-524edfe610.system.entry.js → p-87458c9059.system.entry.js} +1 -1
  78. package/dist/baloise-design-system/p-8782ba61.system.js +1 -0
  79. package/dist/baloise-design-system/{p-b1d0256f19.system.entry.js → p-899bc0be9d.system.entry.js} +1 -1
  80. package/dist/baloise-design-system/{p-f2c398a3.system.js → p-89aaadaf.system.js} +1 -1
  81. package/dist/baloise-design-system/{p-2a8e0e7149.entry.js → p-8a47461794.entry.js} +1 -1
  82. package/dist/baloise-design-system/{p-60f5e5faa6.entry.js → p-8b386e9117.entry.js} +1 -1
  83. package/dist/baloise-design-system/{p-87b8b65bf6.system.entry.js → p-90385fd100.system.entry.js} +1 -1
  84. package/dist/baloise-design-system/{p-e21ccd9856.entry.js → p-921b0836e1.entry.js} +1 -1
  85. package/dist/baloise-design-system/{p-fabb559661.entry.js → p-96780bdefd.entry.js} +1 -1
  86. package/dist/baloise-design-system/{p-7256aa5d97.entry.js → p-9b2657ef04.entry.js} +1 -1
  87. package/dist/baloise-design-system/{p-2db0f14a2d.system.entry.js → p-a1952399c3.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-af0f549439.entry.js → p-a39af8b3f1.entry.js} +1 -1
  89. package/dist/baloise-design-system/{p-8227e41299.entry.js → p-a6ff014e4c.entry.js} +1 -1
  90. package/dist/baloise-design-system/p-ad5039de.system.js +1 -0
  91. package/dist/baloise-design-system/{p-ba4c1ed8a8.entry.js → p-b18c1a6c8e.entry.js} +1 -1
  92. package/dist/baloise-design-system/{p-cd9be615a4.entry.js → p-b4576f5814.entry.js} +1 -1
  93. package/dist/baloise-design-system/{p-657a3eb3ee.system.entry.js → p-b534fd5f5a.system.entry.js} +1 -1
  94. package/dist/baloise-design-system/{p-18267b1371.system.entry.js → p-b55c42a4a9.system.entry.js} +1 -1
  95. package/dist/baloise-design-system/p-bb18da59e3.system.entry.js +1 -0
  96. package/dist/baloise-design-system/{p-f7cbcbdbfa.system.entry.js → p-bc9b6b4e82.system.entry.js} +1 -1
  97. package/dist/baloise-design-system/{p-c0e04c2072.system.entry.js → p-bfa5f3ae60.system.entry.js} +1 -1
  98. package/dist/baloise-design-system/p-c4088d90.js +1 -0
  99. package/dist/baloise-design-system/{p-e430294632.entry.js → p-c487d3770e.entry.js} +1 -1
  100. package/dist/baloise-design-system/{p-97f3a682.system.js → p-c6a673f7.system.js} +1 -1
  101. package/dist/baloise-design-system/{p-ed32b0b9.system.js → p-c6dfe80e.system.js} +1 -1
  102. package/dist/baloise-design-system/{p-39d3eeef8e.entry.js → p-c844e6fbc9.entry.js} +1 -1
  103. package/dist/baloise-design-system/{p-96122c3e5b.entry.js → p-c8bd61c717.entry.js} +1 -1
  104. package/dist/baloise-design-system/{p-bb7183cd00.entry.js → p-c8db6fb15f.entry.js} +1 -1
  105. package/dist/baloise-design-system/{p-936070bf.system.js → p-cb045ca0.system.js} +1 -1
  106. package/dist/baloise-design-system/{p-713640e3ac.system.entry.js → p-cb3920cc26.system.entry.js} +1 -1
  107. package/dist/baloise-design-system/{p-73bec757.js → p-cc35663d.js} +1 -1
  108. package/dist/baloise-design-system/{p-81894fe8.js → p-cc8cfbf3.js} +1 -1
  109. package/dist/baloise-design-system/{p-81a3bee001.entry.js → p-d0066a5950.entry.js} +1 -1
  110. package/dist/baloise-design-system/{p-c3877f26cd.entry.js → p-d1861b7c10.entry.js} +1 -1
  111. package/dist/baloise-design-system/{p-8f217b03.system.js → p-d1b12bcd.system.js} +1 -1
  112. package/dist/baloise-design-system/{p-6933b37a08.entry.js → p-d306ec28cf.entry.js} +1 -1
  113. package/dist/baloise-design-system/{p-67d61a81.js → p-d516d3b1.js} +1 -1
  114. package/dist/baloise-design-system/{p-42f532a0a8.entry.js → p-d568852b4c.entry.js} +1 -1
  115. package/dist/baloise-design-system/{p-58a0e8df48.entry.js → p-d60b2e3878.entry.js} +1 -1
  116. package/dist/baloise-design-system/{p-a2090a9d.system.js → p-d9b32333.system.js} +1 -1
  117. package/dist/baloise-design-system/{p-90a9f56d71.system.entry.js → p-ddcc5387b5.system.entry.js} +1 -1
  118. package/dist/baloise-design-system/{p-f7f06d0340.entry.js → p-e283e1cf22.entry.js} +1 -1
  119. package/dist/baloise-design-system/{p-356f75fd58.system.entry.js → p-e2c3dde206.system.entry.js} +1 -1
  120. package/dist/baloise-design-system/{p-31b6055d92.system.entry.js → p-e3b0312116.system.entry.js} +1 -1
  121. package/dist/baloise-design-system/{p-90a51218.js → p-e3c1d653.js} +1 -1
  122. package/dist/baloise-design-system/p-e53217f8.js +1 -1
  123. package/dist/baloise-design-system/p-e573491b.system.js +1 -0
  124. package/dist/baloise-design-system/{p-2e830170.system.js → p-e7150a50.system.js} +1 -1
  125. package/dist/baloise-design-system/{p-b96fd49d.system.js → p-e7d20c82.system.js} +1 -1
  126. package/dist/baloise-design-system/{p-953cc30ae9.system.entry.js → p-e7d6c81a63.system.entry.js} +1 -1
  127. package/dist/baloise-design-system/{p-3541dd16.js → p-ebf5cc68.js} +1 -1
  128. package/dist/baloise-design-system/p-ee379377.js +1 -0
  129. package/dist/baloise-design-system/{p-ff46a92a47.system.entry.js → p-f089f4c8c8.system.entry.js} +1 -1
  130. package/dist/baloise-design-system/{p-37f892f6dc.entry.js → p-f2fde3ca52.entry.js} +1 -1
  131. package/dist/baloise-design-system/{p-66d49670b0.system.entry.js → p-f35275e46a.system.entry.js} +1 -1
  132. package/dist/baloise-design-system/{p-19162db1a6.system.entry.js → p-f47bafc866.system.entry.js} +1 -1
  133. package/dist/baloise-design-system/{p-2abbd888.js → p-f557519e.js} +1 -1
  134. package/dist/baloise-design-system/{p-296c7825b7.entry.js → p-f5e11c86e5.entry.js} +1 -1
  135. package/dist/baloise-design-system/{p-21f87590.js → p-f64319f1.js} +1 -1
  136. package/dist/baloise-design-system/{p-18ce5177f9.entry.js → p-f8ca0ec73a.entry.js} +1 -1
  137. package/dist/baloise-design-system/{p-bb0a588d09.system.entry.js → p-fff8faa67f.system.entry.js} +1 -1
  138. package/dist/cjs/animation.decorator-d160ba91.js +77 -0
  139. package/dist/cjs/bal-accordion_4.cjs.entry.js +2 -2
  140. package/dist/cjs/bal-app.cjs.entry.js +1 -1
  141. package/dist/cjs/bal-button_2.cjs.entry.js +1 -1
  142. package/dist/cjs/bal-carousel_2.cjs.entry.js +22 -15
  143. package/dist/cjs/bal-checkbox-button.cjs.entry.js +3 -3
  144. package/dist/cjs/bal-checkbox_2.cjs.entry.js +4 -4
  145. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +2 -2
  146. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +4 -4
  147. package/dist/cjs/bal-date.cjs.entry.js +3 -3
  148. package/dist/cjs/bal-dropdown.cjs.entry.js +3 -3
  149. package/dist/cjs/bal-field_5.cjs.entry.js +2 -2
  150. package/dist/cjs/bal-file-upload.cjs.entry.js +2 -2
  151. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  152. package/dist/cjs/bal-form.cjs.entry.js +1 -1
  153. package/dist/cjs/bal-hint_5.cjs.entry.js +5 -5
  154. package/dist/cjs/bal-input-slider.cjs.entry.js +2 -2
  155. package/dist/cjs/bal-input-stepper.cjs.entry.js +2 -2
  156. package/dist/cjs/bal-input.cjs.entry.js +2 -2
  157. package/dist/cjs/bal-list_8.cjs.entry.js +5 -5
  158. package/dist/cjs/bal-logo.cjs.entry.js +4 -4
  159. package/dist/cjs/bal-modal_3.cjs.entry.js +2 -2
  160. package/dist/cjs/bal-nav_8.cjs.entry.js +6 -6
  161. package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
  162. package/dist/cjs/bal-number-input.cjs.entry.js +2 -2
  163. package/dist/cjs/bal-option_2.cjs.entry.js +3 -3
  164. package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
  165. package/dist/cjs/bal-popup.cjs.entry.js +3 -3
  166. package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
  167. package/dist/cjs/bal-radio-button.cjs.entry.js +3 -3
  168. package/dist/cjs/bal-radio_2.cjs.entry.js +4 -4
  169. package/dist/cjs/bal-segment_2.cjs.entry.js +31 -14
  170. package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
  171. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  172. package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
  173. package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
  174. package/dist/cjs/bal-steps.cjs.entry.js +6 -6
  175. package/dist/cjs/bal-tab-item_2.cjs.entry.js +45 -31
  176. package/dist/cjs/bal-textarea.cjs.entry.js +2 -2
  177. package/dist/cjs/bal-time-input.cjs.entry.js +2 -2
  178. package/dist/cjs/bal-tooltip.cjs.entry.js +2 -2
  179. package/dist/cjs/baloise-design-system.cjs.js +1 -1
  180. package/dist/cjs/{breakpoints.decorator-e22cc15e.js → breakpoints.decorator-ca324663.js} +1 -1
  181. package/dist/cjs/{breakpoints.subject-5f803b3c.js → breakpoints.subject-d4a17081.js} +2 -2
  182. package/dist/cjs/{element-states.decorator-e2bc15ed.js → element-states.decorator-f79681aa.js} +1 -1
  183. package/dist/cjs/{floating-ui-24577c09.js → floating-ui-5cc3a363.js} +1 -1
  184. package/dist/cjs/{focus.decorator-b93456af.js → focus.decorator-e6050e24.js} +1 -1
  185. package/dist/cjs/{form-input-e4fdf58e.js → form-input-be32df30.js} +1 -1
  186. package/dist/cjs/{helpers-94660ab2.js → helpers-240da822.js} +1 -1
  187. package/dist/cjs/index.cjs.js +5 -5
  188. package/dist/cjs/initialize-367b85e5.js +1 -1
  189. package/dist/cjs/loader.cjs.js +1 -1
  190. package/dist/cjs/{mutation.decorator-a000b7ef.js → mutation.decorator-249a9606.js} +1 -1
  191. package/dist/cjs/{overlays-4c465543.js → overlays-e408bbaf.js} +1 -1
  192. package/dist/cjs/{resize.decorator-62d31afa.js → resize.decorator-ebed89a1.js} +5 -5
  193. package/dist/cjs/{swipe.decorator-447ae00e.js → swipe.decorator-8ff8dd2c.js} +1 -1
  194. package/dist/cjs/{swipe.subject-6deb82da.js → swipe.subject-00bf8c8f.js} +1 -1
  195. package/dist/cjs/{swiper.util-abdf50f1.js → swiper.util-ef01dd7a.js} +3 -20
  196. package/dist/cjs/{tokens.esm-e91514ff.js → tokens.esm-7755b9a3.js} +1 -1
  197. package/dist/cjs/visibility.decorator-dc8cec8a.js +90 -0
  198. package/dist/cjs/{window-resize.decorator-17c9b489.js → window-resize.decorator-dd9de715.js} +1 -1
  199. package/dist/collection/components/bal-carousel/bal-carousel.css +1 -1
  200. package/dist/collection/components/bal-carousel/bal-carousel.js +11 -4
  201. package/dist/collection/components/bal-hint/bal-hint.css +1 -1
  202. package/dist/collection/components/bal-segment/bal-segment.js +25 -14
  203. package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
  204. package/dist/collection/components/bal-tabs/bal-tabs.js +33 -31
  205. package/dist/collection/components/bal-tabs/components/tab-select.js +2 -2
  206. package/dist/collection/utils/animation/animation.decorator.js +23 -0
  207. package/dist/collection/utils/animation/animation.interfaces.js +1 -0
  208. package/dist/collection/utils/animation/animation.listener.js +30 -0
  209. package/dist/collection/utils/animation/animation.subject.js +20 -0
  210. package/dist/collection/utils/animation/index.js +2 -0
  211. package/dist/collection/utils/constants/version.constant.js +1 -1
  212. package/dist/collection/utils/helpers.js +1 -1
  213. package/dist/collection/utils/resize/resize.listener.js +4 -4
  214. package/dist/collection/utils/resize/resize.subject.js +2 -1
  215. package/dist/collection/utils/swiper/controls/dot-control.js +1 -1
  216. package/dist/collection/utils/swiper/swiper.util.js +0 -17
  217. package/dist/collection/utils/visibility/index.js +2 -0
  218. package/dist/collection/utils/visibility/visibility.decorator.js +23 -0
  219. package/dist/collection/utils/visibility/visibility.interfaces.js +1 -0
  220. package/dist/collection/utils/visibility/visibility.listener.js +41 -0
  221. package/dist/collection/utils/visibility/visibility.subject.js +23 -0
  222. package/dist/esm/animation.decorator-903bd4d2.js +75 -0
  223. package/dist/esm/bal-accordion_4.entry.js +2 -2
  224. package/dist/esm/bal-app.entry.js +1 -1
  225. package/dist/esm/bal-button_2.entry.js +1 -1
  226. package/dist/esm/bal-carousel_2.entry.js +22 -15
  227. package/dist/esm/bal-checkbox-button.entry.js +3 -3
  228. package/dist/esm/bal-checkbox_2.entry.js +4 -4
  229. package/dist/esm/bal-date-calendar-cell.entry.js +2 -2
  230. package/dist/esm/bal-date-calendar_2.entry.js +4 -4
  231. package/dist/esm/bal-date.entry.js +3 -3
  232. package/dist/esm/bal-dropdown.entry.js +3 -3
  233. package/dist/esm/bal-field_5.entry.js +2 -2
  234. package/dist/esm/bal-file-upload.entry.js +2 -2
  235. package/dist/esm/bal-footer.entry.js +1 -1
  236. package/dist/esm/bal-form.entry.js +1 -1
  237. package/dist/esm/bal-hint_5.entry.js +5 -5
  238. package/dist/esm/bal-input-slider.entry.js +2 -2
  239. package/dist/esm/bal-input-stepper.entry.js +2 -2
  240. package/dist/esm/bal-input.entry.js +2 -2
  241. package/dist/esm/bal-list_8.entry.js +5 -5
  242. package/dist/esm/bal-logo.entry.js +4 -4
  243. package/dist/esm/bal-modal_3.entry.js +2 -2
  244. package/dist/esm/bal-nav_8.entry.js +6 -6
  245. package/dist/esm/bal-navbar_5.entry.js +4 -4
  246. package/dist/esm/bal-number-input.entry.js +2 -2
  247. package/dist/esm/bal-option_2.entry.js +3 -3
  248. package/dist/esm/bal-pagination.entry.js +4 -4
  249. package/dist/esm/bal-popup.entry.js +3 -3
  250. package/dist/esm/bal-progress-bar.entry.js +5 -5
  251. package/dist/esm/bal-radio-button.entry.js +3 -3
  252. package/dist/esm/bal-radio_2.entry.js +4 -4
  253. package/dist/esm/bal-segment_2.entry.js +31 -14
  254. package/dist/esm/bal-select_2.entry.js +2 -2
  255. package/dist/esm/bal-shape.entry.js +1 -1
  256. package/dist/esm/bal-spinner.entry.js +1 -1
  257. package/dist/esm/bal-stage_6.entry.js +1 -1
  258. package/dist/esm/bal-steps.entry.js +6 -6
  259. package/dist/esm/bal-tab-item_2.entry.js +45 -31
  260. package/dist/esm/bal-textarea.entry.js +2 -2
  261. package/dist/esm/bal-time-input.entry.js +2 -2
  262. package/dist/esm/bal-tooltip.entry.js +2 -2
  263. package/dist/esm/baloise-design-system.js +1 -1
  264. package/dist/esm/{breakpoints.decorator-01f6809e.js → breakpoints.decorator-d02c344d.js} +1 -1
  265. package/dist/esm/{breakpoints.subject-cc740608.js → breakpoints.subject-b33e2f3a.js} +2 -2
  266. package/dist/esm/{element-states.decorator-4cf6af31.js → element-states.decorator-200c85c8.js} +1 -1
  267. package/dist/esm/{floating-ui-922202fe.js → floating-ui-f930810d.js} +1 -1
  268. package/dist/esm/{focus.decorator-c2c05d01.js → focus.decorator-a6de858a.js} +1 -1
  269. package/dist/esm/{form-input-1f3d8337.js → form-input-a5a2b129.js} +1 -1
  270. package/dist/esm/{helpers-32d9e1cc.js → helpers-21ff73ef.js} +2 -2
  271. package/dist/esm/index.js +7 -7
  272. package/dist/esm/initialize-22c1bebc.js +1 -1
  273. package/dist/esm/loader.js +1 -1
  274. package/dist/esm/{mutation.decorator-0c202bed.js → mutation.decorator-07d5ba75.js} +1 -1
  275. package/dist/esm/{overlays-fa0ccf81.js → overlays-b7ba3a20.js} +1 -1
  276. package/dist/esm/{resize.decorator-bd416c47.js → resize.decorator-28179d27.js} +5 -5
  277. package/dist/esm/{swipe.decorator-20f4a0cb.js → swipe.decorator-b46cda4b.js} +1 -1
  278. package/dist/esm/{swipe.subject-e3db5994.js → swipe.subject-1d0412f1.js} +1 -1
  279. package/dist/esm/{swiper.util-0589b550.js → swiper.util-21981c17.js} +3 -20
  280. package/dist/esm/{tokens.esm-ddf14bd4.js → tokens.esm-7e86f897.js} +1 -1
  281. package/dist/esm/visibility.decorator-d0cac6a6.js +88 -0
  282. package/dist/esm/{window-resize.decorator-b9d3c86c.js → window-resize.decorator-165ca916.js} +1 -1
  283. package/dist/esm-es5/animation.decorator-903bd4d2.js +1 -0
  284. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  285. package/dist/esm-es5/bal-app.entry.js +1 -1
  286. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  287. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  288. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  289. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  290. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  291. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  292. package/dist/esm-es5/bal-date.entry.js +1 -1
  293. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  294. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  295. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  296. package/dist/esm-es5/bal-footer.entry.js +1 -1
  297. package/dist/esm-es5/bal-form.entry.js +1 -1
  298. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  299. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  300. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  301. package/dist/esm-es5/bal-input.entry.js +1 -1
  302. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  303. package/dist/esm-es5/bal-logo.entry.js +1 -1
  304. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  305. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  306. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  307. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  308. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  309. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  310. package/dist/esm-es5/bal-popup.entry.js +1 -1
  311. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  312. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  313. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  314. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  315. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  316. package/dist/esm-es5/bal-shape.entry.js +1 -1
  317. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  318. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  319. package/dist/esm-es5/bal-steps.entry.js +1 -1
  320. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  321. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  322. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  323. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  324. package/dist/esm-es5/baloise-design-system.js +1 -1
  325. package/dist/esm-es5/breakpoints.decorator-d02c344d.js +1 -0
  326. package/dist/esm-es5/{breakpoints.subject-cc740608.js → breakpoints.subject-b33e2f3a.js} +1 -1
  327. package/dist/esm-es5/{element-states.decorator-4cf6af31.js → element-states.decorator-200c85c8.js} +1 -1
  328. package/dist/esm-es5/{floating-ui-922202fe.js → floating-ui-f930810d.js} +1 -1
  329. package/dist/esm-es5/{focus.decorator-c2c05d01.js → focus.decorator-a6de858a.js} +1 -1
  330. package/dist/esm-es5/{form-input-1f3d8337.js → form-input-a5a2b129.js} +1 -1
  331. package/dist/esm-es5/{helpers-32d9e1cc.js → helpers-21ff73ef.js} +1 -1
  332. package/dist/esm-es5/index.js +1 -1
  333. package/dist/esm-es5/initialize-22c1bebc.js +1 -1
  334. package/dist/esm-es5/loader.js +1 -1
  335. package/dist/esm-es5/{mutation.decorator-0c202bed.js → mutation.decorator-07d5ba75.js} +1 -1
  336. package/dist/esm-es5/{overlays-fa0ccf81.js → overlays-b7ba3a20.js} +1 -1
  337. package/dist/esm-es5/{resize.decorator-bd416c47.js → resize.decorator-28179d27.js} +1 -1
  338. package/dist/esm-es5/{swipe.decorator-20f4a0cb.js → swipe.decorator-b46cda4b.js} +1 -1
  339. package/dist/esm-es5/{swipe.subject-e3db5994.js → swipe.subject-1d0412f1.js} +1 -1
  340. package/dist/esm-es5/swiper.util-21981c17.js +1 -0
  341. package/dist/esm-es5/visibility.decorator-d0cac6a6.js +1 -0
  342. package/dist/esm-es5/{window-resize.decorator-b9d3c86c.js → window-resize.decorator-165ca916.js} +1 -1
  343. package/dist/types/components/bal-carousel/bal-carousel.d.ts +3 -2
  344. package/dist/types/components/bal-segment/bal-segment.d.ts +5 -2
  345. package/dist/types/components/bal-tabs/bal-tabs.d.ts +5 -3
  346. package/dist/types/utils/animation/animation.decorator.d.ts +3 -0
  347. package/dist/types/utils/animation/animation.interfaces.d.ts +7 -0
  348. package/dist/types/utils/animation/animation.listener.d.ts +9 -0
  349. package/dist/types/utils/animation/animation.subject.d.ts +9 -0
  350. package/dist/types/utils/animation/index.d.ts +2 -0
  351. package/dist/types/utils/helpers.d.ts +1 -1
  352. package/dist/types/utils/swiper/swiper.util.d.ts +0 -1
  353. package/dist/types/utils/visibility/index.d.ts +2 -0
  354. package/dist/types/utils/visibility/visibility.decorator.d.ts +3 -0
  355. package/dist/types/utils/visibility/visibility.interfaces.d.ts +4 -0
  356. package/dist/types/utils/visibility/visibility.listener.d.ts +9 -0
  357. package/dist/types/utils/visibility/visibility.subject.d.ts +9 -0
  358. package/package.json +7 -7
  359. package/components/bal-dropdown2.js +0 -773
  360. package/components/bal-option2.js +0 -168
  361. package/dist/baloise-design-system/p-288461e687.system.entry.js +0 -1
  362. package/dist/baloise-design-system/p-349d1c26c6.entry.js +0 -1
  363. package/dist/baloise-design-system/p-39dba60e75.system.entry.js +0 -1
  364. package/dist/baloise-design-system/p-5622c208.system.js +0 -1
  365. package/dist/baloise-design-system/p-78ba217818.entry.js +0 -1
  366. package/dist/baloise-design-system/p-7b6c84c359.system.entry.js +0 -1
  367. package/dist/baloise-design-system/p-b3e4339305.entry.js +0 -1
  368. package/dist/baloise-design-system/p-dc6d33fc89.entry.js +0 -1
  369. package/dist/baloise-design-system/p-ef436fd645.system.entry.js +0 -1
  370. package/dist/baloise-design-system/p-f67047f5ce.entry.js +0 -1
  371. package/dist/esm-es5/breakpoints.decorator-01f6809e.js +0 -1
  372. package/dist/esm-es5/swiper.util-0589b550.js +0 -1
  373. /package/dist/baloise-design-system/{p-1837eab3.js → p-0bd1bf82.js} +0 -0
  374. /package/dist/baloise-design-system/{p-c9bb496a.system.js → p-32e7b6b1.system.js} +0 -0
  375. /package/dist/esm-es5/{tokens.esm-ddf14bd4.js → tokens.esm-7e86f897.js} +0 -0
@@ -1 +1 @@
1
- var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,u){function s(t){try{f(e.next(t))}catch(t){u(t)}}function o(t){try{f(e["throw"](t))}catch(t){u(t)}}function f(t){t.done?i(t.value):r(t.value).then(s,o)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},e,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(n){return f([t,n])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(e=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(u=i.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){i.label=o[1];break}if(o[0]===6&&i.label<u[1]){i.label=u[1];u=o;break}if(u&&i.label<u[2]){i.label=u[2];i.ops.push(o);break}if(u[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-eecefb0a.system.js","./p-a1f6e944.system.js","./p-a2090a9d.system.js"],(function(t){"use strict";var n,i,e,r,u,s,o;return{setters:[function(t){n=t.L;i=t.a},function(t){e=t.b},function(t){r=t.d;u=t.j;s=t.l;o=t.r}],execute:function(){t("L",a);var f=function(t){__extends(n,t);function n(){var n=t.apply(this,arguments)||this;n.onFocusin=function(t){n.notify({ev:t,isFocusIn:true,isFocusOut:false})};n.onFocusout=function(t){return __awaiter(n,void 0,void 0,(function(){var n;return __generator(this,(function(i){switch(i.label){case 0:return[4,r()];case 1:i.sent();if(e.hasDocument&&this.el){n=document.activeElement;if(n&&!u(this.el,n)){this.notify({ev:t,isFocusIn:false,isFocusOut:true})}}return[2]}}))}))};return n}n.prototype.connect=function(n){t.prototype.connect.call(this,n);if(this.el){s(this.el,"focusin",this.onFocusin);s(this.el,"focusout",this.onFocusout)}};n.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){o(this.el,"focusin",this.onFocusin);o(this.el,"focusout",this.onFocusout)}};return n}(n);var c=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t,n){if(n){if(n.isFocusIn){if(t.hasFocus===false){t.focusInListener(n.ev)}t.hasFocus=true}if(n.isFocusOut){t.focusOutListener(n.ev);t.hasFocus=false}}}))||this;n.listener=new f;return n}n.prototype.attach=function(n){var i=this;t.prototype.attach.call(this,n);this.listener.connect(n.el);this.listener.add((function(n){return t.prototype.notify.call(i,n)}))};n.prototype.detach=function(){t.prototype.detach.call(this);this.listener.disconnect()};return n}(i);function a(){return function(t,n,i){var e=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balFocusSubject){this._balFocusSubject=new c;this._balFocusSubject.attach(this)}return e&&e.call(this)};t.disconnectedCallback=function(){if(this._balFocusSubject){this._balFocusSubject.detach();this._balFocusSubject=undefined}return r&&r.call(this)}}}}}}));
1
+ var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,u){function s(t){try{f(e.next(t))}catch(t){u(t)}}function o(t){try{f(e["throw"](t))}catch(t){u(t)}}function f(t){t.done?i(t.value):r(t.value).then(s,o)}f((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},e,r,u,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(n){return f([t,n])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(e=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(u=i.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){i.label=o[1];break}if(o[0]===6&&i.label<u[1]){i.label=u[1];u=o;break}if(u&&i.label<u[2]){i.label=u[2];i.ops.push(o);break}if(u[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-eecefb0a.system.js","./p-a1f6e944.system.js","./p-d9b32333.system.js"],(function(t){"use strict";var n,i,e,r,u,s,o;return{setters:[function(t){n=t.L;i=t.a},function(t){e=t.b},function(t){r=t.d;u=t.j;s=t.l;o=t.r}],execute:function(){t("L",a);var f=function(t){__extends(n,t);function n(){var n=t.apply(this,arguments)||this;n.onFocusin=function(t){n.notify({ev:t,isFocusIn:true,isFocusOut:false})};n.onFocusout=function(t){return __awaiter(n,void 0,void 0,(function(){var n;return __generator(this,(function(i){switch(i.label){case 0:return[4,r()];case 1:i.sent();if(e.hasDocument&&this.el){n=document.activeElement;if(n&&!u(this.el,n)){this.notify({ev:t,isFocusIn:false,isFocusOut:true})}}return[2]}}))}))};return n}n.prototype.connect=function(n){t.prototype.connect.call(this,n);if(this.el){s(this.el,"focusin",this.onFocusin);s(this.el,"focusout",this.onFocusout)}};n.prototype.disconnect=function(){t.prototype.disconnect.call(this);if(this.el){o(this.el,"focusin",this.onFocusin);o(this.el,"focusout",this.onFocusout)}};return n}(n);var c=function(t){__extends(n,t);function n(){var n=t.call(this,(function(t,n){if(n){if(n.isFocusIn){if(t.hasFocus===false){t.focusInListener(n.ev)}t.hasFocus=true}if(n.isFocusOut){t.focusOutListener(n.ev);t.hasFocus=false}}}))||this;n.listener=new f;return n}n.prototype.attach=function(n){var i=this;t.prototype.attach.call(this,n);this.listener.connect(n.el);this.listener.add((function(n){return t.prototype.notify.call(i,n)}))};n.prototype.detach=function(){t.prototype.detach.call(this);this.listener.disconnect()};return n}(i);function a(){return function(t,n,i){var e=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){if(!this._balFocusSubject){this._balFocusSubject=new c;this._balFocusSubject.attach(this)}return e&&e.call(this)};t.disconnectedCallback=function(){if(this._balFocusSubject){this._balFocusSubject.detach();this._balFocusSubject=undefined}return r&&r.call(this)}}}}}}));
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(e,o,a,r){function c(e){return e instanceof a?e:new a((function(o){o(e)}))}return new(a||(a=Promise))((function(a,b){function l(e){try{n(r.next(e))}catch(e){b(e)}}function t(e){try{n(r["throw"](e))}catch(e){b(e)}}function n(e){e.done?a(e.value):c(e.value).then(l,t)}n((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var a={label:0,sent:function(){if(b[0]&1)throw b[1];return b[1]},trys:[],ops:[]},r,c,b,l;return l={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function t(e){return function(o){return n([e,o])}}function n(t){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,t[0]&&(a=0)),a)try{if(r=1,c&&(b=t[0]&2?c["return"]:t[0]?c["throw"]||((b=c["return"])&&b.call(c),0):c.next)&&!(b=b.call(c,t[1])).done)return b;if(c=0,b)t=[t[0]&2,b.value];switch(t[0]){case 0:case 1:b=t;break;case 4:a.label++;return{value:t[1],done:false};case 5:a.label++;c=t[1];t=[0];continue;case 7:t=a.ops.pop();a.trys.pop();continue;default:if(!(b=a.trys,b=b.length>0&&b[b.length-1])&&(t[0]===6||t[0]===2)){a=0;continue}if(t[0]===3&&(!b||t[1]>b[0]&&t[1]<b[3])){a.label=t[1];break}if(t[0]===6&&a.label<b[1]){a.label=b[1];b=t;break}if(b&&a.label<b[2]){a.label=b[2];a.ops.push(t);break}if(b[2])a.ops.pop();a.trys.pop();continue}t=o.call(e,a)}catch(e){t=[6,e];c=0}finally{r=b=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-4a80e2c1.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-a2090a9d.system.js","./p-ed32b0b9.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var o,a,r,c,b,l,t,n,i,d,h,s,u,v;return{setters:[function(e){o=e.r;a=e.c;r=e.h;c=e.H;b=e.g},function(e){l=e._;t=e.a},function(e){n=e.B},function(e){i=e.s},function(e){d=e.L},function(e){h=e.F},function(e){s=e.j},function(e){u=e.B;v=e.L},function(){},function(){},function(){},function(){}],execute:function(){var k="@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)}}";var f=k;var x=e("bal_checkbox_button",function(){function e(e){var r=this;o(this,e);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(r.disabled||r.readonly){return i(e)}var o=e.target;if(o&&o.href){return}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(a&&c){var b=c===a||s(a,c);if(!b){i(e);a.click()}}};this.onFocus=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(r.keyboardMode){r.focused=true}if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{r.balFocus.emit()}};this.onBlur=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;r.focused=false;if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(e){return r.keyboardMode=h.includes(e.key)};this.interactionState=u.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(o){o.hovered=e.hovered;o.pressed=e.pressed}))};e.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(o){this.checked=e;return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});e.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};e.prototype.updateProps=function(e,o){var a=this[e];if(a!==undefined){this.notifyComponents(o,(function(o){return o[e]=a}))}};e.prototype.notifyComponents=function(e,o){var a=this.el.querySelectorAll(e.join(", "));a.forEach((function(e){return o(e)}))};e.prototype.render=function(){var e=n.block("checkbox-button");var o=!!this.disabled||!!this.readonly;var a=!!this.invalid;var b=!!this.color;var l=this.checked&&b;return r(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("column-".concat(this.colSize)).class(this.colSize>1)),e.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),e.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("disabled").class(o)),e.element("native").modifier("invalid").class(a)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(l)),e.element("native").modifier("color-".concat(this.color)).class(b)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}());l([d("bal-checkbox-button"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],x.prototype,"createLogger",null);l([v(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],x.prototype,"elementStateListener",null);x.style=f}}}));
1
+ var __awaiter=this&&this.__awaiter||function(e,o,a,r){function c(e){return e instanceof a?e:new a((function(o){o(e)}))}return new(a||(a=Promise))((function(a,b){function l(e){try{n(r.next(e))}catch(e){b(e)}}function t(e){try{n(r["throw"](e))}catch(e){b(e)}}function n(e){e.done?a(e.value):c(e.value).then(l,t)}n((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var a={label:0,sent:function(){if(b[0]&1)throw b[1];return b[1]},trys:[],ops:[]},r,c,b,l;return l={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function t(e){return function(o){return n([e,o])}}function n(t){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,t[0]&&(a=0)),a)try{if(r=1,c&&(b=t[0]&2?c["return"]:t[0]?c["throw"]||((b=c["return"])&&b.call(c),0):c.next)&&!(b=b.call(c,t[1])).done)return b;if(c=0,b)t=[t[0]&2,b.value];switch(t[0]){case 0:case 1:b=t;break;case 4:a.label++;return{value:t[1],done:false};case 5:a.label++;c=t[1];t=[0];continue;case 7:t=a.ops.pop();a.trys.pop();continue;default:if(!(b=a.trys,b=b.length>0&&b[b.length-1])&&(t[0]===6||t[0]===2)){a=0;continue}if(t[0]===3&&(!b||t[1]>b[0]&&t[1]<b[3])){a.label=t[1];break}if(t[0]===6&&a.label<b[1]){a.label=b[1];b=t;break}if(b&&a.label<b[2]){a.label=b[2];a.ops.push(t);break}if(b[2])a.ops.pop();a.trys.pop();continue}t=o.call(e,a)}catch(e){t=[6,e];c=0}finally{r=b=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-56c370cb.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-d9b32333.system.js","./p-c6dfe80e.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var o,a,r,c,b,l,t,n,i,d,h,s,u,v;return{setters:[function(e){o=e.r;a=e.c;r=e.h;c=e.H;b=e.g},function(e){l=e._;t=e.a},function(e){n=e.B},function(e){i=e.s},function(e){d=e.L},function(e){h=e.F},function(e){s=e.j},function(e){u=e.B;v=e.L},function(){},function(){},function(){},function(){}],execute:function(){var k="@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)}}";var f=k;var x=e("bal_checkbox_button",function(){function e(e){var r=this;o(this,e);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(r.disabled||r.readonly){return i(e)}var o=e.target;if(o&&o.href){return}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(a&&c){var b=c===a||s(a,c);if(!b){i(e);a.click()}}};this.onFocus=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(r.keyboardMode){r.focused=true}if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{r.balFocus.emit()}};this.onBlur=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;r.focused=false;if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(e){return r.keyboardMode=h.includes(e.key)};this.interactionState=u.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(o){o.hovered=e.hovered;o.pressed=e.pressed}))};e.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(o){this.checked=e;return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});e.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};e.prototype.updateProps=function(e,o){var a=this[e];if(a!==undefined){this.notifyComponents(o,(function(o){return o[e]=a}))}};e.prototype.notifyComponents=function(e,o){var a=this.el.querySelectorAll(e.join(", "));a.forEach((function(e){return o(e)}))};e.prototype.render=function(){var e=n.block("checkbox-button");var o=!!this.disabled||!!this.readonly;var a=!!this.invalid;var b=!!this.color;var l=this.checked&&b;return r(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("column-".concat(this.colSize)).class(this.colSize>1)),e.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),e.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("disabled").class(o)),e.element("native").modifier("invalid").class(a)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(l)),e.element("native").modifier("color-".concat(this.color)).class(b)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}());l([d("bal-checkbox-button"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],x.prototype,"createLogger",null);l([v(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],x.prototype,"elementStateListener",null);x.style=f}}}));
@@ -1 +1 @@
1
- import{h as t}from"./p-2ccbe55a.js";import{j as i,k as s,l as e,r as n,o as h}from"./p-21f87590.js";import{B as r}from"./p-ae86d0a0.js";import{s as o}from"./p-81894fe8.js";import{j as a}from"./p-dc98854c.js";const l=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",c=t=>parseInt(t.slice(0,-2),10),d=(t,i=16)=>{if("undefined"==typeof window||void 0===t)return{top:i,right:i,bottom:i,left:i};const s=window.getComputedStyle(t);return{top:c(s.getPropertyValue("padding-top")),right:c(s.getPropertyValue("padding-right")),bottom:c(s.getPropertyValue("padding-bottom")),left:c(s.getPropertyValue("padding-left"))}},u=t=>{if("undefined"==typeof window)return t.clientWidth;const i=window.getComputedStyle(t),s=i.getPropertyValue("box-sizing"),e=c(i.getPropertyValue("width"));if("border-box"===s)return e;const n=c(i.getPropertyValue("padding-right"));return c(i.getPropertyValue("padding-left"))+e+n},b=t=>{const i=Array.from(t.children);let s=0;for(const t of i)s=Math.max(s,t.offsetLeft+t.offsetWidth);return s},f={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},g=({isFirst:i,isLast:s,inverted:e,leftControlTitle:n,rightControlTitle:h,containerId:o,onNextClick:a,onPreviousClick:l})=>{const c=r.block("swiper").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(i)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>l(),disabled:i,tabindex:"-1","data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(s)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>a(),disabled:s,tabindex:"-1","data-testid":"bal-carousel-control-right",title:h}))},w=({isFirst:i,isLast:s,inverted:e,areControlsHidden:n,onNextClick:h,onPreviousClick:o,containerId:a,leftControlTitle:l,rightControlTitle:c})=>{const d=r.block("swiper").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(i&&n)),"aria-controls":a,square:!0,icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>o(),tabindex:-1,disabled:i,"aria-hidden":i&&n?"true":null,"data-testid":"bal-carousel-control-left",title:l}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(s&&n)),"aria-controls":a,square:!0,icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>h(),tabindex:-1,disabled:s,"aria-hidden":s&&n?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},p=({value:i,items:s,containerId:e,onControlChange:n})=>{const h=r.block("swiper").element("controls");return t("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("tabs").class())},t("bal-pagination",{"aria-controls":e,interface:"small",value:i+1,totalPages:s.length,onBalChange:t=>{let i=t.detail-1;i<0&&(i=0),i>=s.length&&(i=s.length-1),n(s[i])}}))};class v{constructor(){this.previousTransformValue=0,this.active=!0,this.id="bal-swiper-"+m++,this.containerId=`${this.id}-container`,this.index=0,this.gapSize=0,this.steps=1,this.noNeedForControls=!0,this.isLastSlideVisible=!1,this.itemsPerView=1,this.controls="none",this.keyboardMode=!1,this.shiftMode=!1,this.isInsideContainer=!1,this.focusByKey=!1,this.pointerDown=()=>{this.keyboardMode=!1,this.shiftMode=!1,this.focusByKey=!1,this.isInsideContainer=!1},this.listenToKeyDown=t=>{this.keyboardMode=a(t),this.shiftMode=t.shiftKey,this.focusByKey=!1,this.isInsideContainer=i(this.containerEl,t.target),this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.isInsideContainer&&this.keyboardMode&&(this.shiftMode&&this.index>0?(this.focusByKey=!0,this.focusPreviousItem(t)):!this.shiftMode&&this.index<this.lastIndex()&&(this.focusByKey=!0,this.focusNextItem(t)))},this.updateFocus=()=>{this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.focusByKey&&!this.isInsideContainer&&this.focusItem(this.shiftMode?this.lastIndex():0)},this.cssBlock=r.block("swiper"),this.cssSwiper=()=>Object.assign({},this.cssBlock.class(this.active)),this.cssInnerSwiper=()=>Object.assign(Object.assign(Object.assign(Object.assign({},this.cssBlock.element("inner").class(this.active)),this.cssBlock.element("inner").modifier(`items-per-view-${this.itemsPerView}`).class(this.active)),this.cssBlock.element("inner").modifier("shadow-left").class(this.hasShadowLeft())),this.cssBlock.element("inner").modifier("shadow-right").class(this.hasShadowRight())),this.cssSwiperContainer=()=>Object.assign({},this.cssBlock.element("container").class(this.active)),this.notifyChange=s((()=>this.notifyChangeInternal()),100),this.onControlChange=t=>{t!==this.index&&(t>this.index?this.next(t-this.index):this.previous(this.index-t))},this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next()}connectedCallback(t){this.component=t,e(window,"keydown",this.listenToKeyDown),e(this.component.el,"focusin",this.updateFocus),e(window,"touchstart",this.pointerDown),e(window,"mousedown",this.pointerDown)}componentDidLoad(){const t=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.notifyChange()}))}),{root:null,threshold:.5}),i=this.component.el;i&&t.observe(i)}disconnectedCallback(){n(window,"keydown",this.listenToKeyDown),n(this.component.el,"focusin",this.updateFocus),n(window,"touchstart",this.pointerDown),n(window,"mousedown",this.pointerDown)}isActive(){return this.active}async activate(){this.active=!0}async disable(){this.active=!1}async focusItem(t){const i=await this.goTo(t);i&&i.el&&await this.setFocusToEl(i.el)}async focusNextItem(t){const i=await this.next(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async focusPreviousItem(t){const i=await this.previous(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async setFocusToEl(t){t.setFocus&&await t.setFocus()}isFirst(){return 0===this.index}hasShadowLeft(){return this.hasShadow()&&0!==this.index&&this.active}hasShadowRight(){return this.hasShadow()&&!this.isLastSlideVisible&&this.active}isLast(){return this.isLastSlideVisible}async previous(t=this.steps){let i=this.index-t;return i<0&&(i=0),this.goTo(i)}async next(t=this.steps){const i=this.component.swiperGetAllChildrenElements().length;let s=this.index+t;return s>=i&&(s=i-1),this.goTo(s)}async updateIndex(t=this.index){this.index!==t&&(this.goTo(t),this.index=t,this.component.swiperOnChange(this.index))}async goTo(t=this.index){if(this.active){const i=await this.buildSlide(t);return i&&(await this.animate(i.transformActive,!0)||this.index!==t)&&(this.index=t,this.component.swiperOnChange(this.index)),i}}renderControls(){if(!this.active||this.noNeedForControls||!this.component.hasAnimated)return"";const i=f[this.component.language].left,s=f[this.component.language].right;switch(this.controls){case"small":return t(g,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"large":return t(w,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,areControlsHidden:!this.component.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"dots":return t(p,{value:this.index,items:this.getAllControlItems(),containerId:this.containerId,onControlChange:t=>this.onControlChange(t.value)});default:return""}}getAllControlItems(){return this.component.swiperGetAllChildrenElements().map(((t,i)=>({value:i,label:t.label})))}lastIndex(){return this.component.swiperGetAllChildrenElements().length-1}hasShadow(){return!this.component.inverted&&("auto"===this.itemsPerView||this.itemsPerView>1)}async notifyChangeInternal(){const t=await this.buildSlide(this.index);t&&this.animate(t.transformActive,!1)}async buildSlide(t){const i=this.component.swiperGetAllChildrenElements(),s=void 0===t?this.lastIndex():t;if(i.length>s&&s>=0){const t=this.gapSize,e=i.filter(((t,i)=>i<s+1)).reduce(((i,s)=>i+u(s)+t),0),n=i.filter(((t,i)=>i<s)).reduce(((i,s)=>i+u(s)+t),0);return{el:i[s],transformNext:e,transformActive:n,isFirst:0===s,isLast:s===this.lastIndex(),total:this.lastIndex()+1,index:s}}}async animate(t=0,i=!0){return new Promise((s=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=h((async()=>{if(this.containerEl&&this.innerEl){const e=await this.buildSlide();if(e){const n=e.transformNext||0,h=this.innerEl.clientWidth||0;if(0===n||0===h)return s(!1);let r=n-h;3===this.itemsPerView&&(r=n-h-1);const o=r<=t,a=0===t||r<=2;a&&(this.index=0);const l="small"===this.controls,c="large"===this.controls;this.noNeedForControls=n<=h;let d=this.noNeedForControls?0:o?r:t;a||this.noNeedForControls||!(l||c&&!this.component.isMobile)||(d-=o?0:c?56:48),this.containerEl.style.transitionDuration=i?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=o,this.borderEl&&(this.borderEl.style.transitionDuration=i?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}px, 0px, 0px)`),this.component.hasAnimated=!0,s(!!u)}}}))}))}}let m=0;export{v as S,b as a,d as g,l as t}
1
+ import{h as t}from"./p-2ccbe55a.js";import{j as i,k as s,l as e,r as n,o as h}from"./p-f64319f1.js";import{B as r}from"./p-ae86d0a0.js";import{s as o}from"./p-cc8cfbf3.js";import{j as a}from"./p-dc98854c.js";const l=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",c=t=>parseInt(t.slice(0,-2),10),d=(t,i=16)=>{if("undefined"==typeof window||void 0===t)return{top:i,right:i,bottom:i,left:i};const s=window.getComputedStyle(t);return{top:c(s.getPropertyValue("padding-top")),right:c(s.getPropertyValue("padding-right")),bottom:c(s.getPropertyValue("padding-bottom")),left:c(s.getPropertyValue("padding-left"))}},u=t=>{if("undefined"==typeof window)return t.clientWidth;const i=window.getComputedStyle(t),s=i.getPropertyValue("box-sizing"),e=c(i.getPropertyValue("width"));if("border-box"===s)return e;const n=c(i.getPropertyValue("padding-right"));return c(i.getPropertyValue("padding-left"))+e+n},f=t=>{const i=Array.from(t.children);let s=0;for(const t of i)s=Math.max(s,t.offsetLeft+t.offsetWidth);return s},b={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},g=({isFirst:i,isLast:s,inverted:e,leftControlTitle:n,rightControlTitle:h,containerId:o,onNextClick:a,onPreviousClick:l})=>{const c=r.block("swiper").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(i)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>l(),disabled:i,tabindex:"-1","data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(s)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>a(),disabled:s,tabindex:"-1","data-testid":"bal-carousel-control-right",title:h}))},w=({isFirst:i,isLast:s,inverted:e,areControlsHidden:n,onNextClick:h,onPreviousClick:o,containerId:a,leftControlTitle:l,rightControlTitle:c})=>{const d=r.block("swiper").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(i&&n)),"aria-controls":a,square:!0,icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>o(),tabindex:-1,disabled:i,"aria-hidden":i&&n?"true":null,"data-testid":"bal-carousel-control-left",title:l}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(s&&n)),"aria-controls":a,square:!0,icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>h(),tabindex:-1,disabled:s,"aria-hidden":s&&n?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},p=({value:i,items:s,containerId:e,onControlChange:n})=>{const h=r.block("swiper").element("controls");return t("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("dots").class())},t("bal-pagination",{"aria-controls":e,interface:"small",value:i+1,totalPages:s.length,onBalChange:t=>{let i=t.detail-1;i<0&&(i=0),i>=s.length&&(i=s.length-1),n(s[i])}}))};class v{constructor(){this.previousTransformValue=0,this.active=!0,this.id="bal-swiper-"+m++,this.containerId=`${this.id}-container`,this.index=0,this.gapSize=0,this.steps=1,this.noNeedForControls=!0,this.isLastSlideVisible=!1,this.itemsPerView=1,this.controls="none",this.keyboardMode=!1,this.shiftMode=!1,this.isInsideContainer=!1,this.focusByKey=!1,this.pointerDown=()=>{this.keyboardMode=!1,this.shiftMode=!1,this.focusByKey=!1,this.isInsideContainer=!1},this.listenToKeyDown=t=>{this.keyboardMode=a(t),this.shiftMode=t.shiftKey,this.focusByKey=!1,this.isInsideContainer=i(this.containerEl,t.target),this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.isInsideContainer&&this.keyboardMode&&(this.shiftMode&&this.index>0?(this.focusByKey=!0,this.focusPreviousItem(t)):!this.shiftMode&&this.index<this.lastIndex()&&(this.focusByKey=!0,this.focusNextItem(t)))},this.updateFocus=()=>{this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.focusByKey&&!this.isInsideContainer&&this.focusItem(this.shiftMode?this.lastIndex():0)},this.cssBlock=r.block("swiper"),this.cssSwiper=()=>Object.assign({},this.cssBlock.class(this.active)),this.cssInnerSwiper=()=>Object.assign(Object.assign(Object.assign(Object.assign({},this.cssBlock.element("inner").class(this.active)),this.cssBlock.element("inner").modifier(`items-per-view-${this.itemsPerView}`).class(this.active)),this.cssBlock.element("inner").modifier("shadow-left").class(this.hasShadowLeft())),this.cssBlock.element("inner").modifier("shadow-right").class(this.hasShadowRight())),this.cssSwiperContainer=()=>Object.assign({},this.cssBlock.element("container").class(this.active)),this.notifyChange=s((()=>this.notifyChangeInternal()),100),this.onControlChange=t=>{t!==this.index&&(t>this.index?this.next(t-this.index):this.previous(this.index-t))},this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next()}connectedCallback(t){this.component=t,e(window,"keydown",this.listenToKeyDown),e(this.component.el,"focusin",this.updateFocus),e(window,"touchstart",this.pointerDown),e(window,"mousedown",this.pointerDown)}disconnectedCallback(){n(window,"keydown",this.listenToKeyDown),n(this.component.el,"focusin",this.updateFocus),n(window,"touchstart",this.pointerDown),n(window,"mousedown",this.pointerDown)}isActive(){return this.active}async activate(){this.active=!0}async disable(){this.active=!1}async focusItem(t){const i=await this.goTo(t);i&&i.el&&await this.setFocusToEl(i.el)}async focusNextItem(t){const i=await this.next(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async focusPreviousItem(t){const i=await this.previous(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async setFocusToEl(t){t.setFocus&&await t.setFocus()}isFirst(){return 0===this.index}hasShadowLeft(){return this.hasShadow()&&0!==this.index&&this.active}hasShadowRight(){return this.hasShadow()&&!this.isLastSlideVisible&&this.active}isLast(){return this.isLastSlideVisible}async previous(t=this.steps){let i=this.index-t;return i<0&&(i=0),this.goTo(i)}async next(t=this.steps){const i=this.component.swiperGetAllChildrenElements().length;let s=this.index+t;return s>=i&&(s=i-1),this.goTo(s)}async updateIndex(t=this.index){this.index!==t&&(this.goTo(t),this.index=t,this.component.swiperOnChange(this.index))}async goTo(t=this.index){if(this.active){const i=await this.buildSlide(t);return i&&(await this.animate(i.transformActive,!0)||this.index!==t)&&(this.index=t,this.component.swiperOnChange(this.index)),i}}renderControls(){if(!this.active||this.noNeedForControls||!this.component.hasAnimated)return"";const i=b[this.component.language].left,s=b[this.component.language].right;switch(this.controls){case"small":return t(g,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"large":return t(w,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,areControlsHidden:!this.component.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"dots":return t(p,{value:this.index,items:this.getAllControlItems(),containerId:this.containerId,onControlChange:t=>this.onControlChange(t.value)});default:return""}}getAllControlItems(){return this.component.swiperGetAllChildrenElements().map(((t,i)=>({value:i,label:t.label})))}lastIndex(){return this.component.swiperGetAllChildrenElements().length-1}hasShadow(){return!this.component.inverted&&("auto"===this.itemsPerView||this.itemsPerView>1)}async notifyChangeInternal(){const t=await this.buildSlide(this.index);t&&this.animate(t.transformActive,!1)}async buildSlide(t){const i=this.component.swiperGetAllChildrenElements(),s=void 0===t?this.lastIndex():t;if(i.length>s&&s>=0){const t=this.gapSize,e=i.filter(((t,i)=>i<s+1)).reduce(((i,s)=>i+u(s)+t),0),n=i.filter(((t,i)=>i<s)).reduce(((i,s)=>i+u(s)+t),0);return{el:i[s],transformNext:e,transformActive:n,isFirst:0===s,isLast:s===this.lastIndex(),total:this.lastIndex()+1,index:s}}}async animate(t=0,i=!0){return new Promise((s=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=h((async()=>{if(this.containerEl&&this.innerEl){const e=await this.buildSlide();if(e){const n=e.transformNext||0,h=this.innerEl.clientWidth||0;if(0===n||0===h)return s(!1);let r=n-h;3===this.itemsPerView&&(r=n-h-1);const o=r<=t,a=0===t||r<=2;a&&(this.index=0);const l="small"===this.controls,c="large"===this.controls;this.noNeedForControls=n<=h;let d=this.noNeedForControls?0:o?r:t;a||this.noNeedForControls||!(l||c&&!this.component.isMobile)||(d-=o?0:c?56:48),this.containerEl.style.transitionDuration=i?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=o,this.borderEl&&(this.borderEl.style.transitionDuration=i?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}px, 0px, 0px)`),this.component.hasAnimated=!0,s(!!u)}}}))}))}}let m=0;export{v as S,f as a,d as g,l as t}
@@ -1 +1 @@
1
- import{d as a}from"./p-21f87590.js";const s=a=>{a&&(a.preventDefault(),a.stopPropagation())},o=a=>a.target,i=a=>{var s;return(null===(s=a.nativeInput)||void 0===s?void 0:s.value)||""},l=(a,s)=>{var o,i;const l=(null===(o=a.nativeInput)||void 0===o?void 0:o.value)||"",r=null===(i=s.target)||void 0===i?void 0:i.selectionStart;return l.slice(0,r)+s.key+l.slice(r+Math.abs(0))},r=a=>{a.nativeInput&&a.nativeInput.blur()},n=(a,o)=>{(a.disabled||a.readonly)&&o.target&&o.target===a.el&&s(o)},t=async s=>{var o;await a(),null===(o=null==s?void 0:s.nativeInput)||void 0===o||o.focus()},v=(a,o)=>{(a.disabled||a.readonly)&&s(o)},d=(a,s)=>{a.disabled||a.readonly||!a.balClick||a.balClick.emit(s)},u=(a,s)=>{a.focused=!0,a.inputValue=a.value,!a.disabled&&a.balFocus&&a.balFocus.emit(s)},e=(a,s,o)=>{a.value=s,a.inputValue=a.value,clearTimeout(o),o=setTimeout((()=>{a.nativeInput&&(a.nativeInput.value=a.value)}))},m=(a,s)=>{a.focused=!1,!a.disabled&&a.balBlur&&a.balBlur.emit(s)},c=a=>{a.value!==a.inputValue&&(a.value=a.inputValue,a.balChange.emit(a.value))},f=a=>(a=>""===a||null==a||Array.isArray(a)&&!a.length||"number"==typeof a&&isNaN(a))(a)?void 0:a,p=(a,s)=>f(a)!==f(s);export{u as a,m as b,t as c,r as d,c as e,d as f,o as g,n as h,v as i,e as j,i as k,l,p as m,s}
1
+ import{d as a}from"./p-f64319f1.js";const s=a=>{a&&(a.preventDefault(),a.stopPropagation())},o=a=>a.target,i=a=>{var s;return(null===(s=a.nativeInput)||void 0===s?void 0:s.value)||""},l=(a,s)=>{var o,i;const l=(null===(o=a.nativeInput)||void 0===o?void 0:o.value)||"",r=null===(i=s.target)||void 0===i?void 0:i.selectionStart;return l.slice(0,r)+s.key+l.slice(r+Math.abs(0))},r=a=>{a.nativeInput&&a.nativeInput.blur()},n=(a,o)=>{(a.disabled||a.readonly)&&o.target&&o.target===a.el&&s(o)},t=async s=>{var o;await a(),null===(o=null==s?void 0:s.nativeInput)||void 0===o||o.focus()},v=(a,o)=>{(a.disabled||a.readonly)&&s(o)},d=(a,s)=>{a.disabled||a.readonly||!a.balClick||a.balClick.emit(s)},u=(a,s)=>{a.focused=!0,a.inputValue=a.value,!a.disabled&&a.balFocus&&a.balFocus.emit(s)},e=(a,s,o)=>{a.value=s,a.inputValue=a.value,clearTimeout(o),o=setTimeout((()=>{a.nativeInput&&(a.nativeInput.value=a.value)}))},m=(a,s)=>{a.focused=!1,!a.disabled&&a.balBlur&&a.balBlur.emit(s)},c=a=>{a.value!==a.inputValue&&(a.value=a.inputValue,a.balChange.emit(a.value))},f=a=>(a=>""===a||null==a||Array.isArray(a)&&!a.length||"number"==typeof a&&isNaN(a))(a)?void 0:a,p=(a,s)=>f(a)!==f(s);export{u as a,m as b,t as c,r as d,c as e,d as f,o as g,n as h,v as i,e as j,i as k,l,p as m,s}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as h}from"./p-2ccbe55a.js";import{_ as r,a}from"./p-43c9f5e9.js";import{p as n}from"./p-21f87590.js";import{i as o}from"./p-dd5e13d1.js";import{g as c,a as u,b as l,e as d,s as b,f,i as p,h as m,j as $,c as g,d as v}from"./p-81894fe8.js";import{l as k}from"./p-9a3d9e17.js";import{i as y,A as j,N as w}from"./p-ec1efe3d.js";import{B as x}from"./p-ae86d0a0.js";import{L as D}from"./p-b77e3348.js";import{d as B}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";function C(t){if(!t)return"";const s=`${t}`.trim().toUpperCase(),i=[s.substring(0,2),s.substring(2,8),s.substring(8,10),s.substring(10,11)].filter((t=>t.length>0));switch(i.length){case 1:return`${t}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}/${i[2]}`;default:return`${i[0]}/${i[1]}/${i[2]}.${i[3]}`}}function E(t){if(!t)return"";let s=`${t}`.trim();const i=[s.substring(0,9),s.substring(9,10)].filter((t=>t.length>0));return s=F(i[0]),i[1]?`${s}-${i[1]}`:s}function F(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,3),s.substring(3,6),s.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}function L(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,4),s.substring(4,7),s.substring(7,10)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}.${i[1]}`;default:return`${i[0]}.${i[1]}.${i[2]}`}}function K(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,6),s.substring(6,10),s.substring(10,14)].filter((t=>t.length>0));switch(i.length){case 1:return`BE${s}`;case 2:return`BE${i[0]} ${i[1]}`;case 3:return`BE${i[0]} ${i[1]} ${i[2]}`;default:return`BE${i[0]} ${i[1]} ${i[2]} ${i[3]}`}}const O=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balBlur=s(this,"balBlur",7),this.balKeyPress=s(this,"balKeyPress",7),this.balFocus=s(this,"balFocus",7),this.balChange=s(this,"balChange",7),this.inputId="bal-input-"+A++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.getInputValue=()=>{var t;const s=this.nativeInput;let i="";if(s){if(this.allowedKeyPress&&s&&!this.mask){const t=new RegExp("^"+this.allowedKeyPress+"$"),i=s.value.split("").filter((s=>t.test(s))).join("");return s.value=i,i}if(s.value){if(this.mask)switch(this.mask){case"contract-number":case"be-enterprise-number":return i=s.value.replace(/\D/g,""),i.length>10&&(i=i.substring(0,10)),i;case"offer-number":return i=s.value.replace(/\D/g,""),i.length>9&&(i=i.substring(0,9)),i;case"claim-number":{i=s.value.replace(/[^\dXx]/g,"");const e=[i.substring(0,10),i.substring(10,11),i.substring(11)].filter((t=>t.length>0));switch(e.length){case 1:i=`${e[0].replace(/\D/g,"")}`;break;case 2:i=`${e[0].replace(/\D/g,"")}${e[1]}`;break;default:i=`${e[0].replace(/\D/g,"")}${e[1]}${null===(t=e[2])||void 0===t?void 0:t.replace(/\D/g,"")}`}return i.length>11&&(i=i.substring(0,11)),i}case"be-iban":return i=s.value.replace(/\D/g,""),i.length>14&&(i=i.substring(0,14)),i;default:return s.value}}else this.inputValue=s.value}return""},this.onInput=t=>{var s,i;const e=c(t),h=null===(s=t.target)||void 0===s?void 0:s.selectionStart,r=null===(i=t.target)||void 0===i?void 0:i.selectionEnd;if(this.inputValue=this.getInputValue(),e)if(e.value)switch(this.mask){case"contract-number":e.value=E(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"offer-number":e.value=F(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"claim-number":e.value=C(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-enterprise-number":e.value=L(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-iban":e.value=K(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;default:this.inputValue=e.value}else this.inputValue=e.value;this.balInput.emit(this.inputValue)},this.onFocus=t=>u(this,t),this.onBlur=t=>{l(this,t);const s=t.target;s&&(void 0===this.mask&&(s.value=this.getFormattedValue()),d(this))},this.onKeydown=t=>{if(void 0!==this.mask&&!k(t)&&!y(t)){let s=0;if(this.inputValue&&(s=this.inputValue.length),!(this.getMaskAllowedKeys().includes(t.key)||"claim-number"===this.mask&&("X"===t.key||"x"===t.key)&&s>=10))return b(t)}if(this.allowedKeyPress&&!this.mask&&!k(t)&&!y(t)&&!new RegExp("^"+this.allowedKeyPress+"$").test(t.key)&&![...j].includes(t.key))return b(t)},this.onClick=t=>f(this,t),this.handleClick=t=>p(this,t),this.focused=!1,this.ariaForm=B,this.name=this.inputId,this.invalid=!1,this.textAlign="left",this.type="text",this.accept=void 0,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder=void 0,this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=void 0,this.pattern=void 0,this.allowedKeyPress=void 0,this.required=!1,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.suffix=void 0,this.hasIconRight=!1,this.inputmode=void 0,this.value=void 0,this.mask=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=n(this.balChange,this.debounce)}listenOnClick(t){m(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&$(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"])}componentDidLoad(){this.inputValue=this.value}async setFocus(){g(this)}async setBlur(){v(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}getMaskAllowedKeys(){return[...w,...j]}render(){let t=this.focused?this.getRawValue():this.getFormattedValue();if(void 0!==this.mask)switch(this.mask){case"contract-number":t=E(t);break;case"claim-number":t=C(t);break;case"offer-number":t=F(t);break;case"be-enterprise-number":t=L(t);break;case"be-iban":t=K(t)}let s={};this.pattern&&(s={pattern:this.pattern});const h=x.block("input"),r=this.ariaForm.controlId||this.inputId;return i(e,{key:"6c244fcb460677d230891144d73b5688392106db",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},h.class())},i("input",Object.assign({key:"608a42d4c22e631f8504d743e0545016ab87e336",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":"center"===this.textAlign,"has-text-right":"right"===this.textAlign},"data-testid":"bal-input",ref:t=>this.nativeInput=t,id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:t,onFocus:this.onFocus,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeydown(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},s,this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"]}}};r([D("bal-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],O.prototype,"createLogger",null);let A=0;O.style=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";export{O as bal_input}
1
+ import{r as t,c as s,h as i,H as e,g as h}from"./p-2ccbe55a.js";import{_ as r,a}from"./p-43c9f5e9.js";import{p as n}from"./p-f64319f1.js";import{i as o}from"./p-dd5e13d1.js";import{g as c,a as u,b as l,e as d,s as b,f,i as p,h as m,j as $,c as g,d as v}from"./p-cc8cfbf3.js";import{l as k}from"./p-9a3d9e17.js";import{i as y,A as j,N as w}from"./p-ec1efe3d.js";import{B as x}from"./p-ae86d0a0.js";import{L as D}from"./p-b77e3348.js";import{d as B}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";function C(t){if(!t)return"";const s=`${t}`.trim().toUpperCase(),i=[s.substring(0,2),s.substring(2,8),s.substring(8,10),s.substring(10,11)].filter((t=>t.length>0));switch(i.length){case 1:return`${t}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}/${i[2]}`;default:return`${i[0]}/${i[1]}/${i[2]}.${i[3]}`}}function E(t){if(!t)return"";let s=`${t}`.trim();const i=[s.substring(0,9),s.substring(9,10)].filter((t=>t.length>0));return s=F(i[0]),i[1]?`${s}-${i[1]}`:s}function F(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,3),s.substring(3,6),s.substring(6,9)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}/${i[1]}`;case 3:return`${i[0]}/${i[1]}.${i[2]}`;default:return`${i[0]}/${i[1]}.${i[2]}.${i[3]}`}}function L(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,4),s.substring(4,7),s.substring(7,10)].filter((t=>t.length>0));switch(i.length){case 1:return`${s}`;case 2:return`${i[0]}.${i[1]}`;default:return`${i[0]}.${i[1]}.${i[2]}`}}function K(t){if(!t)return"";const s=`${t}`.trim(),i=[s.substring(0,2),s.substring(2,6),s.substring(6,10),s.substring(10,14)].filter((t=>t.length>0));switch(i.length){case 1:return`BE${s}`;case 2:return`BE${i[0]} ${i[1]}`;case 3:return`BE${i[0]} ${i[1]} ${i[2]}`;default:return`BE${i[0]} ${i[1]} ${i[2]} ${i[3]}`}}const O=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balBlur=s(this,"balBlur",7),this.balKeyPress=s(this,"balKeyPress",7),this.balFocus=s(this,"balFocus",7),this.balChange=s(this,"balChange",7),this.inputId="bal-input-"+A++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.getInputValue=()=>{var t;const s=this.nativeInput;let i="";if(s){if(this.allowedKeyPress&&s&&!this.mask){const t=new RegExp("^"+this.allowedKeyPress+"$"),i=s.value.split("").filter((s=>t.test(s))).join("");return s.value=i,i}if(s.value){if(this.mask)switch(this.mask){case"contract-number":case"be-enterprise-number":return i=s.value.replace(/\D/g,""),i.length>10&&(i=i.substring(0,10)),i;case"offer-number":return i=s.value.replace(/\D/g,""),i.length>9&&(i=i.substring(0,9)),i;case"claim-number":{i=s.value.replace(/[^\dXx]/g,"");const e=[i.substring(0,10),i.substring(10,11),i.substring(11)].filter((t=>t.length>0));switch(e.length){case 1:i=`${e[0].replace(/\D/g,"")}`;break;case 2:i=`${e[0].replace(/\D/g,"")}${e[1]}`;break;default:i=`${e[0].replace(/\D/g,"")}${e[1]}${null===(t=e[2])||void 0===t?void 0:t.replace(/\D/g,"")}`}return i.length>11&&(i=i.substring(0,11)),i}case"be-iban":return i=s.value.replace(/\D/g,""),i.length>14&&(i=i.substring(0,14)),i;default:return s.value}}else this.inputValue=s.value}return""},this.onInput=t=>{var s,i;const e=c(t),h=null===(s=t.target)||void 0===s?void 0:s.selectionStart,r=null===(i=t.target)||void 0===i?void 0:i.selectionEnd;if(this.inputValue=this.getInputValue(),e)if(e.value)switch(this.mask){case"contract-number":e.value=E(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"offer-number":e.value=F(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"claim-number":e.value=C(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-enterprise-number":e.value=L(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;case"be-iban":e.value=K(this.inputValue),h<this.inputValue.length&&e.setSelectionRange(h,r);break;default:this.inputValue=e.value}else this.inputValue=e.value;this.balInput.emit(this.inputValue)},this.onFocus=t=>u(this,t),this.onBlur=t=>{l(this,t);const s=t.target;s&&(void 0===this.mask&&(s.value=this.getFormattedValue()),d(this))},this.onKeydown=t=>{if(void 0!==this.mask&&!k(t)&&!y(t)){let s=0;if(this.inputValue&&(s=this.inputValue.length),!(this.getMaskAllowedKeys().includes(t.key)||"claim-number"===this.mask&&("X"===t.key||"x"===t.key)&&s>=10))return b(t)}if(this.allowedKeyPress&&!this.mask&&!k(t)&&!y(t)&&!new RegExp("^"+this.allowedKeyPress+"$").test(t.key)&&![...j].includes(t.key))return b(t)},this.onClick=t=>f(this,t),this.handleClick=t=>p(this,t),this.focused=!1,this.ariaForm=B,this.name=this.inputId,this.invalid=!1,this.textAlign="left",this.type="text",this.accept=void 0,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.autofocus=!1,this.debounce=0,this.placeholder=void 0,this.max=void 0,this.maxLength=void 0,this.min=void 0,this.minLength=void 0,this.multiple=void 0,this.pattern=void 0,this.allowedKeyPress=void 0,this.required=!1,this.spellcheck=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.suffix=void 0,this.hasIconRight=!1,this.inputmode=void 0,this.value=void 0,this.mask=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=n(this.balChange,this.debounce)}listenOnClick(t){m(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&$(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentWillLoad(){this.inheritedAttributes=o(this.el,["aria-label","tabindex","title"])}componentDidLoad(){this.inputValue=this.value}async setFocus(){g(this)}async setBlur(){v(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getRawValue(){return(this.value||"").toString()}getFormattedValue(){const t=this.getRawValue();return`${t}${void 0!==this.suffix&&void 0!==t&&""!==t?" "+this.suffix:""}`}getMaskAllowedKeys(){return[...w,...j]}render(){let t=this.focused?this.getRawValue():this.getFormattedValue();if(void 0!==this.mask)switch(this.mask){case"contract-number":t=E(t);break;case"claim-number":t=C(t);break;case"offer-number":t=F(t);break;case"be-enterprise-number":t=L(t);break;case"be-iban":t=K(t)}let s={};this.pattern&&(s={pattern:this.pattern});const h=x.block("input"),r=this.ariaForm.controlId||this.inputId;return i(e,{key:"6c244fcb460677d230891144d73b5688392106db",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},h.class())},i("input",Object.assign({key:"608a42d4c22e631f8504d743e0545016ab87e336",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":"center"===this.textAlign,"has-text-right":"right"===this.textAlign},"data-testid":"bal-input",ref:t=>this.nativeInput=t,id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:t,onFocus:this.onFocus,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeydown(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},s,this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"]}}};r([D("bal-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],O.prototype,"createLogger",null);let A=0;O.style=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";export{O as bal_input}
@@ -1 +1 @@
1
- import{h as e,r as t,c as a,H as s,g as o}from"./p-2ccbe55a.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{p as i}from"./p-21f87590.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-81894fe8.js";import{n as d}from"./p-06ecf846.js";import{b as _}from"./p-2abbd888.js";import{L as v}from"./p-ff7903eb.js";import{L as m}from"./p-b0a4d40a.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-96216bd1.js";import"./p-acf222fd.js";import"./p-1837eab3.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},h=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},g=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(h,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(d)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.store=[],this.isMobile=_.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},l.filter((e=>!e.invisible)).map((t=>e(g,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let x=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
1
+ import{h as e,r as t,c as a,H as s,g as o}from"./p-2ccbe55a.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{p as i}from"./p-f64319f1.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-cc8cfbf3.js";import{n as d}from"./p-06ecf846.js";import{b as _}from"./p-f557519e.js";import{L as v}from"./p-12edf09f.js";import{L as m}from"./p-49361909.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-96216bd1.js";import"./p-acf222fd.js";import"./p-0bd1bf82.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},h=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},g=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(h,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(d)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.store=[],this.isMobile=_.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},l.filter((e=>!e.invisible)).map((t=>e(g,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let x=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(n,t,r,e){function i(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,a){function u(n){try{c(e.next(n))}catch(n){a(n)}}function o(n){try{c(e["throw"](n))}catch(n){a(n)}}function c(n){n.done?r(n.value):i(n.value).then(u,o)}c((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(n){return function(t){return c([n,t])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(r=0)),r)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(n,r)}catch(n){o=[6,n];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-a1f6e944.system.js","./p-a2090a9d.system.js"],(function(n){"use strict";var t,r,e;return{setters:[function(n){t=n.b},function(n){r=n.l;e=n.r}],execute:function(){var i=this;var a=0;var u="backdrop";var o=n("p",(function(n){if(t.hasDocument){s(document)}var r=a++;n.overlayIndex=r;if(!n.el.hasAttribute("id")){n.el.id="bal-overlay-".concat(r)}}));var c=n("g",(function(n,t){if(t===undefined){t="bal-modal,bal-snackbar,bal-toast"}return Array.from(n.querySelectorAll(t)).filter((function(n){return n.overlayIndex>0}))}));var f=n("a",(function(n,t,r){var e=c(n,t);return r===undefined?e[e.length-1]:e.find((function(n){return n.id===r}))}));var s=function(n){if(a===0){a=1;n.addEventListener("keyup",(function(t){if(t.key==="Escape"){var r=f(n);if(r){r.dismiss(undefined,u)}}}))}};var v=n("d",(function(n,t,r,e){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(a){switch(a.label){case 0:if(!n.presented){return[2,false]}a.label=1;case 1:a.trys.push([1,3,,4]);n.el.style.setProperty("pointer-events","none");n.willDismiss.emit({data:t,role:r});return[4,e()];case 2:a.sent();n.presented=false;n.didDismiss.emit({data:t,role:r});return[3,4];case 3:i=a.sent();n.presented=false;console.error(i);return[3,4];case 4:n.el.remove();return[2,true]}}))}))}));var l=n("e",(function(n,t){var r;var e=new Promise((function(n){return r=n}));d(n,t,(function(n){r(n.detail)}));return e}));var d=function(n,t,i){var a=function(r){e(n,t,a);i(r)};r(n,t,a)}}}}));
1
+ var __awaiter=this&&this.__awaiter||function(n,t,r,e){function i(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,a){function u(n){try{c(e.next(n))}catch(n){a(n)}}function o(n){try{c(e["throw"](n))}catch(n){a(n)}}function c(n){n.done?r(n.value):i(n.value).then(u,o)}c((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(n){return function(t){return c([n,t])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(r=0)),r)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(n,r)}catch(n){o=[6,n];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-a1f6e944.system.js","./p-d9b32333.system.js"],(function(n){"use strict";var t,r,e;return{setters:[function(n){t=n.b},function(n){r=n.l;e=n.r}],execute:function(){var i=this;var a=0;var u="backdrop";var o=n("p",(function(n){if(t.hasDocument){s(document)}var r=a++;n.overlayIndex=r;if(!n.el.hasAttribute("id")){n.el.id="bal-overlay-".concat(r)}}));var c=n("g",(function(n,t){if(t===undefined){t="bal-modal,bal-snackbar,bal-toast"}return Array.from(n.querySelectorAll(t)).filter((function(n){return n.overlayIndex>0}))}));var f=n("a",(function(n,t,r){var e=c(n,t);return r===undefined?e[e.length-1]:e.find((function(n){return n.id===r}))}));var s=function(n){if(a===0){a=1;n.addEventListener("keyup",(function(t){if(t.key==="Escape"){var r=f(n);if(r){r.dismiss(undefined,u)}}}))}};var v=n("d",(function(n,t,r,e){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(a){switch(a.label){case 0:if(!n.presented){return[2,false]}a.label=1;case 1:a.trys.push([1,3,,4]);n.el.style.setProperty("pointer-events","none");n.willDismiss.emit({data:t,role:r});return[4,e()];case 2:a.sent();n.presented=false;n.didDismiss.emit({data:t,role:r});return[3,4];case 3:i=a.sent();n.presented=false;console.error(i);return[3,4];case 4:n.el.remove();return[2,true]}}))}))}));var l=n("e",(function(n,t){var r;var e=new Promise((function(n){return r=n}));d(n,t,(function(n){r(n.detail)}));return e}));var d=function(n,t,i){var a=function(r){e(n,t,a);i(r)};r(n,t,a)}}}}));
@@ -1 +1 @@
1
- import{r as l,c as i,h as e,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as d}from"./p-43c9f5e9.js";import{h as o,b as n}from"./p-21f87590.js";import{d as b}from"./p-f385e205.js";import{L as r}from"./p-ff7903eb.js";import{B as h}from"./p-ae86d0a0.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const f=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad",7),this.fieldId="bal-field-"+c++,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=[...this.formControlElement,"bal-field-label","bal-field-message"],this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0,this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await o(this.el),await n();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=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"]),a=b;l&&(a.labelId=`${this.fieldId}-lbl`),i&&(a.messageId=`${this.fieldId}-msg`);for(let t=0;t<e.length;t++){const s=e[t];0===t?(a.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(a)),await(null==i?void 0:i.setAriaForm(a)),await(null==s?void 0:s.setAriaForm(a))):(a.controlId=`${this.fieldId}-ctrl-${t}`,await(null==s?void 0:s.setAriaForm(a)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(a,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),e("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))}get el(){return t(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([r({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"mutationListener",null);let c=0;f.style=":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}";const m=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(a,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},p=class{constructor(i){l(this,i),this.subject="",this.closeLabel="Close",this.small=!1}render(){const l=h.block("field-hint");return e(a,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},l.class())},e("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?e("bal-hint-title",null,this.subject):"",e("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},e("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))}},u=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(a,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},e("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))}get element(){return t(this)}},g=class{constructor(i){l(this,i),this.ariaForm=b,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(a,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color}},e("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))}};export{f as bal_field,m as bal_field_control,p as bal_field_hint,u as bal_field_label,g as bal_field_message}
1
+ import{r as l,c as i,h as e,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as d}from"./p-43c9f5e9.js";import{h as o,b as n}from"./p-f64319f1.js";import{d as r}from"./p-f385e205.js";import{L as b}from"./p-12edf09f.js";import{B as h}from"./p-ae86d0a0.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const f=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad",7),this.fieldId="bal-field-"+c++,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=[...this.formControlElement,"bal-field-label","bal-field-message"],this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0,this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await o(this.el),await n();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),e=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"]),a=r;l&&(a.labelId=`${this.fieldId}-lbl`),i&&(a.messageId=`${this.fieldId}-msg`);for(let t=0;t<e.length;t++){const s=e[t];0===t?(a.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(a)),await(null==i?void 0:i.setAriaForm(a)),await(null==s?void 0:s.setAriaForm(a))):(a.controlId=`${this.fieldId}-ctrl-${t}`,await(null==s?void 0:s.setAriaForm(a)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return e(a,{key:"61d8be020fb71526ad0175d75880eb155cb15623",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},e("slot",{key:"b174f1bdd65a1fb7b63b833c3bf8532e1733d708"}),e("span",{key:"570886a9234a9e3a2ef941a419d35d5451d0227a",class:"bal-field-hidden"}))}get el(){return t(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"mutationListener",null);let c=0;f.style=":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}";const m=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?e("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?e("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return e(a,{key:"bcb91952d67d6c7d2677845d6f9167ed5fe1bcff",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},e("slot",{key:"0d4aca610ab427ed32a31542ae81223b4d656dfa"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},p=class{constructor(i){l(this,i),this.subject="",this.closeLabel="Close",this.small=!1}render(){const l=h.block("field-hint");return e(a,{key:"9c47fdbb402b9b7f4012d2f2160fe99356f58b99",class:Object.assign({},l.class())},e("bal-hint",{key:"8cea3277913207cca651bcad4cb22fa9b8fad2f4",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?e("bal-hint-title",null,this.subject):"",e("bal-hint-text",{key:"1523a364269414bb277bba0d0bcc1c8ba946a2cd"},e("slot",{key:"952fa5ac1cb907233cc9ea4c179c859991ed7c4b"}))))}},u=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return e(a,{key:"b1ed98ad14b6cb6e3e4642a04d71d93fe6c97e83",class:"bal-field-label"},e("bal-label",{key:"fdec2d6fd449841320b4646e925c09c05c39739c",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},e("slot",{key:"04b0fb018f316044503e8ffa540441c0e1624807"})))}get element(){return t(this)}},g=class{constructor(i){l(this,i),this.ariaForm=r,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return e(a,{key:"962c48c52992d5689c6de2ce866863bdd8436a68",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color}},e("slot",{key:"e82266f5abc43308bf05401fd24f581e2138c3c4"}))}};export{f as bal_field,m as bal_field_control,p as bal_field_hint,u as bal_field_label,g as bal_field_message}
@@ -1 +1 @@
1
- import{L as s,a as t}from"./p-acf222fd.js";import{b as i}from"./p-a65354df.js";import{k as e,n as h}from"./p-21f87590.js";class n extends s{constructor(){super(...arguments),this.debouncedNotify=e((s=>this.notify(s)),10)}connect(s){var t;super.connect(s),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((s=>{i.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const s=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(s||i)&&(h((()=>this.debouncedNotify({width:s,height:i}))),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(s))}disconnect(){var s;super.disconnect(),null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0}}class r extends t{constructor(){super(((s,t)=>{s.resizeListener(t)})),this.listener=new n}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:i}=s;s.connectedCallback=function(){return this._balResizeSubject||(this._balResizeSubject=new r,this._balResizeSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._balResizeSubject&&(this._balResizeSubject.detach(),this._balResizeSubject=void 0),i&&i.call(this)}}}export{o as L}
1
+ import{k as s,n as t}from"./p-f64319f1.js";import{L as i,a as e}from"./p-acf222fd.js";import{b as h}from"./p-a65354df.js";class n extends i{constructor(){super(...arguments),this.debouncedNotify=s((s=>this.notify(s)),42)}connect(s){var t;super.connect(s),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((s=>{h.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const s=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(s||i)&&(this.debouncedNotify({width:s,height:i}),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(s))}disconnect(){var s;super.disconnect(),null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0}}class r extends e{constructor(){super(((s,i)=>{t((()=>s.resizeListener(i)))})),this.listener=new n}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:i}=s;s.connectedCallback=function(){return this._balResizeSubject||(this._balResizeSubject=new r,this._balResizeSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._balResizeSubject&&(this._balResizeSubject.detach(),this._balResizeSubject=void 0),i&&i.call(this)}}}export{o as L}
@@ -1 +1 @@
1
- import{r as i,c as e,h as t,H as r,g as s}from"./p-2ccbe55a.js";import{l as a}from"./p-9a3d9e17.js";import{p as d}from"./p-21f87590.js";import{s as n}from"./p-81894fe8.js";import{B as l}from"./p-ae86d0a0.js";import{d as o}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const b=class{constructor(t){i(this,t),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balKeyPress=e(this,"balKeyPress",7),this.balFocus=e(this,"balFocus",7),this.balChange=e(this,"balChange",7),this.inputId="bal-input-slider-"+u++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const e=i.target;e&&(this.value=e.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=o,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&n(i)}resetHandler(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,e){this.didInit&&!this.hasFocus&&i!==e&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,a(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const e=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,t=100/this.max*e;return i?`${t}%`:100-t+"%"}getNumberOfSteps(){const i=[];for(let e=0;e<this.numberOfSteps;e++)i.push(e);return i}render(){const i=l.block("input-slider"),e=i.element("background"),s=e.element("upper"),a=s.element("inner"),d=e.element("lower"),n=d.element("inner"),o=i.element("input"),b=o.element("native"),u=o.element("value"),h=u.modifier("left"),c=u.modifier("right"),p=i.element("steps"),_=p.element("item");return t(r,{key:"39d80cf018beba4ae47fbed1ae2f646ea8fef3d8",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},t("div",{key:"a880f4c1b2232ac19d14217a8edc522eef0b6cc0",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},t("div",{key:"1c49dbf668ad0bea336c1b9b9c27dfa0e1ae451e",class:Object.assign({},s.class()),style:{width:this.cssWidth()}},t("div",{key:"c033b9842fcce9b796e05302646043c397832068",class:Object.assign({},a.class())})),t("div",{key:"c19b9a759bd3d50552f957e080238bc725284ba5",class:Object.assign({},d.class()),style:{width:this.cssWidth(!0)}},t("div",{key:"d0517f96b396feb37ee6638bfeef5fe974b627c4",class:Object.assign({},n.class())}))),t("div",{key:"ac3121f247e005f19b9e71558bf558cc3e97d6fe",class:Object.assign({},o.class())},t("div",{key:"e08b0f6862c9c10868a5ee22d4e54360fd59458d",class:Object.assign(Object.assign({},u.class()),h.class())}),t("input",{key:"0b74ff9bddd4dcbe663786c25741e0ea767befc0",type:"range",class:Object.assign(Object.assign({},b.class()),b.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),t("div",{key:"a6b700f20e4c1dea1e639053ddebf15b80b8decf",class:Object.assign(Object.assign({},u.class()),c.class())})),t("div",{key:"7fd6ea23fd3676c3b3c8e307a05e2b601ba48178",class:Object.assign({},p.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>t("div",{key:i,class:Object.assign(Object.assign({},_.class()),_.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let u=0;b.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{b as bal_input_slider}
1
+ import{r as i,c as e,h as t,H as r,g as s}from"./p-2ccbe55a.js";import{l as a}from"./p-9a3d9e17.js";import{p as d}from"./p-f64319f1.js";import{s as n}from"./p-cc8cfbf3.js";import{B as l}from"./p-ae86d0a0.js";import{d as o}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const b=class{constructor(t){i(this,t),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balKeyPress=e(this,"balKeyPress",7),this.balFocus=e(this,"balFocus",7),this.balChange=e(this,"balChange",7),this.inputId="bal-input-slider-"+u++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const e=i.target;e&&(this.value=e.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=o,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&n(i)}resetHandler(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,e){this.didInit&&!this.hasFocus&&i!==e&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,a(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const e=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,t=100/this.max*e;return i?`${t}%`:100-t+"%"}getNumberOfSteps(){const i=[];for(let e=0;e<this.numberOfSteps;e++)i.push(e);return i}render(){const i=l.block("input-slider"),e=i.element("background"),s=e.element("upper"),a=s.element("inner"),d=e.element("lower"),n=d.element("inner"),o=i.element("input"),b=o.element("native"),u=o.element("value"),h=u.modifier("left"),c=u.modifier("right"),p=i.element("steps"),_=p.element("item");return t(r,{key:"39d80cf018beba4ae47fbed1ae2f646ea8fef3d8",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":this.disabled||this.readonly?"true":null},t("div",{key:"a880f4c1b2232ac19d14217a8edc522eef0b6cc0",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},t("div",{key:"1c49dbf668ad0bea336c1b9b9c27dfa0e1ae451e",class:Object.assign({},s.class()),style:{width:this.cssWidth()}},t("div",{key:"c033b9842fcce9b796e05302646043c397832068",class:Object.assign({},a.class())})),t("div",{key:"c19b9a759bd3d50552f957e080238bc725284ba5",class:Object.assign({},d.class()),style:{width:this.cssWidth(!0)}},t("div",{key:"d0517f96b396feb37ee6638bfeef5fe974b627c4",class:Object.assign({},n.class())}))),t("div",{key:"ac3121f247e005f19b9e71558bf558cc3e97d6fe",class:Object.assign({},o.class())},t("div",{key:"e08b0f6862c9c10868a5ee22d4e54360fd59458d",class:Object.assign(Object.assign({},u.class()),h.class())}),t("input",{key:"0b74ff9bddd4dcbe663786c25741e0ea767befc0",type:"range",class:Object.assign(Object.assign({},b.class()),b.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),t("div",{key:"a6b700f20e4c1dea1e639053ddebf15b80b8decf",class:Object.assign(Object.assign({},u.class()),c.class())})),t("div",{key:"7fd6ea23fd3676c3b3c8e307a05e2b601ba48178",class:Object.assign({},p.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>t("div",{key:i,class:Object.assign(Object.assign({},_.class()),_.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let u=0;b.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{b as bal_input_slider}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,H as a,g as l}from"./p-2ccbe55a.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,a as d,b,e as h,s as c,h as u,j as p,c as m,d as v}from"./p-81894fe8.js";import{p as f}from"./p-21f87590.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-a19d1e1d.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+A++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),h(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return c(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":","A","M","P"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{key:"2578b65264137e9434088835c57d22d206103771","aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{key:"b01517906f8bf0a8062150353c8ab222b8168d7a",disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({key:"07e361337fcfb7089f43f8b01393df8978f3806e",type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{key:"c5962393a8981a078a6cf0e2f41890ecc534fd11","is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let A=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}
1
+ import{r as e,c as t,h as i,H as a,g as l}from"./p-2ccbe55a.js";import{_ as s,a as o}from"./p-43c9f5e9.js";import{l as r}from"./p-9a3d9e17.js";import{g as n,a as d,b,e as c,s as h,h as u,j as p,c as m,d as v}from"./p-cc8cfbf3.js";import{p as f}from"./p-f64319f1.js";import{i as g}from"./p-dd5e13d1.js";import{i as _,N as k,A as y}from"./p-ec1efe3d.js";import{B as w}from"./p-ae86d0a0.js";import{i as x}from"./p-8dc7ee30.js";import{d as j}from"./p-f385e205.js";import{L as C}from"./p-b77e3348.js";import{d as F}from"./p-a19d1e1d.js";import{L}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const O=class{constructor(i){e(this,i),this.balInput=t(this,"balInput",7),this.balChange=t(this,"balChange",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.balKeyPress=t(this,"balKeyPress",7),this.balClick=t(this,"balClick",7),this.inputId="bal-time-input-"+A++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.onInput=e=>{const t=n(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{d(this,e)},this.onBlur=e=>{b(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),c(this))},this.onKeydown=e=>{if(!r(e)&&!_(e)&&!this.getAllowedKeys().includes(e.key))return h(e)},this.focused=!1,this.language=F.language,this.region=F.region,this.ariaForm=j,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(e){this.log=e}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}listenOnClick(e){u(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){m(this)}async setBlur(){v(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...k,...y,":","A","M","P"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=w.block("time-input"),l=t.element("native");return i(a,{key:"2578b65264137e9434088835c57d22d206103771","aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("bal-input-group",{key:"b01517906f8bf0a8062150353c8ab222b8168d7a",disabled:this.disabled||this.readonly,invalid:this.invalid},i("input",Object.assign({key:"07e361337fcfb7089f43f8b01393df8978f3806e",type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},l.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${x[this.language].hours}:${x[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),i("bal-icon",{key:"c5962393a8981a078a6cf0e2f41890ecc534fd11","is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return l(this)}static get watchers(){return{debounce:["debounceChanged"]}}};s([C("bal-time-input"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null),s([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);let A=0;O.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native.has-focus::-webkit-datetime-edit-text,.bal-time-input__native.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-hour-field,.bal-time-input__native.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.has-focus::-webkit-datetime-edit-minute-field,.bal-time-input__native.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.is-disabled.has-value::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native.show-placeholder.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native.show-placeholder.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native.show-placeholder:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native.show-placeholder::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{O as bal_time_input}
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,u){function o(n){try{f(t.next(n))}catch(n){u(n)}}function a(n){try{f(t["throw"](n))}catch(n){u(n)}}function f(n){n.done?e(n.value):i(n.value).then(o,a)}f((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},t,i,u,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(n){return function(r){return f([n,r])}}function f(a){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(e=0)),e)try{if(t=1,i&&(u=a[0]&2?i["return"]:a[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,a[1])).done)return u;if(i=0,u)a=[a[0]&2,u.value];switch(a[0]){case 0:case 1:u=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!u||a[1]>u[0]&&a[1]<u[3])){e.label=a[1];break}if(a[0]===6&&e.label<u[1]){e.label=u[1];u=a;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(a);break}if(u[2])e.ops.pop();e.trys.pop();continue}a=r.call(n,e)}catch(n){a=[6,n];i=0}finally{t=u=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,e){if(e||arguments.length===2)for(var t=0,i=r.length,u;t<i;t++){if(u||!(t in r)){if(!u)u=Array.prototype.slice.call(r,0,t);u[t]=r[t]}}return n.concat(u||Array.prototype.slice.call(r))};System.register(["./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(n){"use strict";var r,e,t,i,u,o,a,f,c,s,v,l,d,m,w,b,_,h,y,I,p;return{setters:[function(n){r=n.b},function(n){e=n.b;t=n.a;i=n.c;u=n.d;o=n.e;a=n.f;f=n.g;c=n.h;s=n.i;v=n.j;l=n.A;d=n.x;m=n.y;w=n.z;b=n.k;_=n.l;h=n.m;y=n.n;I=n.o},function(n){p=n.g}],execute:function(){var T=this;var A=function(n,e){if(e===void 0){e=3e3}var t=false;if(!r.isSafari&&r.hasWindow&&"PerformanceObserver"in window){var i=new PerformanceObserver((function(r){var e=r.getEntries();var u=e[e.length-1];if(u){i.disconnect();t=true;g((function(){return n()}))}}));i.observe({type:"largest-contentful-paint",buffered:true});setTimeout((function(){if(!t){i.disconnect();n()}}),e)}else{return setTimeout(n,32)}};var P=n("m",(function(n,e){if(e===void 0){e=32}var t=false;var i=function(){if(!t){t=true;n()}};if(r.hasWindow){var u=setTimeout(i,e);window.addEventListener("load",(function(){clearTimeout(u);i()}))}else{setTimeout(i,32)}}));var g=n("n",(function(n,e){if(e===void 0){e=5e3}if(r.hasWindow&&"requestIdleCallback"in window){window.requestIdleCallback(n,{timeout:e})}else{setTimeout(n,32)}}));var k=n("i",(function(n){if(n===void 0){n=0}return new Promise((function(r){setTimeout((function(){return r()}),n)}))}));var C=n("p",(function(n,r){var e=n._original||n;return{_original:n,emit:q(e.emit.bind(e),r)}}));var q=n("k",(function(n,r){if(r===void 0){r=0}var e;return function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}clearTimeout(e);e=setTimeout.apply(void 0,__spreadArray([n,r],t,false))}}));var N=n("v",(function(n,r){return n&&n.tagName&&n.tagName===r.toUpperCase()}));var j=n("j",(function(n,r){var e=r.parentNode;while(e!=null){if(e==n){return true}e=e.parentNode}return false}));var D=n("q",(function(n,r){var e=r.parentNode;while(e!=null){if(e.tagName===n.toUpperCase()){return true}e=e.parentNode}return false}));var G=n("g",(function(n){return n.querySelector("bal-app")||n.body}));var B=n("c",(function(n,r){if(n.componentOnReady!==null&&n.componentOnReady!==undefined){n.componentOnReady().then((function(n){return r(n)}))}else{E((function(){return r(n)}))}}));var E=n("o",(function(n){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(n)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(n)}return setTimeout(n)}));var F=n("t",(function(n,r){if(r===void 0){r=0}return new Promise((function(e){R(n,r,e)}))}));var R=function(n,r,e){if(r===void 0){r=0}var t;var i;var u={passive:true};var o=500;var a=function(){if(t){t()}};var f=function(r){if(r===undefined||n===r.target){a();e(r)}};if(n){n.addEventListener("webkitTransitionEnd",f,u);n.addEventListener("transitionend",f,u);i=setTimeout(f,r+o);t=function(){if(i){clearTimeout(i);i=undefined}n.removeEventListener("webkitTransitionEnd",f,u);n.removeEventListener("transitionend",f,u)}}return a};var x=n("l",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._ael;if(o){return o(n,e,t,i)}else if(u._ael){return u._ael(n,e,t,i)}}}return n.addEventListener(e,t,i)}));var L=n("r",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._rel;if(o){return o(n,e,t,i)}else if(u._rel){return u._rel(n,e,t,i)}}}return n.removeEventListener(e,t,i)}));var M=n("s",(function(n){if(n){return new Promise((function(r){return B(n,r)}))}return Promise.resolve()}));var O=n("h",(function(n){var r=[];for(var e=1;e<arguments.length;e++){r[e-1]=arguments[e]}return __awaiter(T,__spreadArray([n],r,true),void 0,(function(n,r){var e,t;if(r===void 0){r=false}return __generator(this,(function(i){switch(i.label){case 0:e=n;if(!e)return[3,4];if(!(e.componentOnReady!==null&&e.componentOnReady!==undefined))return[3,2];return[4,e.componentOnReady()];case 1:t=i.sent();if(!r&&t!==null&&t!==undefined){return[2]}i.label=2;case 2:return[4,Promise.all(Array.from(e.children).map((function(n){return O(n,r)})))];case 3:i.sent();i.label=4;case 4:return[2]}}))}))}));var S=n("w",(function(n){return __awaiter(T,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,O(n,true)];case 1:r.sent();return[4,V()];case 2:r.sent();return[4,H()];case 3:r.sent();return[2]}}))}))}));var U=n("u",(function(n,r,e){return __awaiter(T,void 0,void 0,(function(){var t,i;return __generator(this,(function(u){if(n&&n.target&&r&&r!==n.target){t=n.target;i=n.target.nodeName==="BAL-NAVBAR-BRAND";if(i){t=t.closest("bal-navbar")}if(t&&j(t,r)){e()}}return[2]}))}))}));var z=n("a",(function(n,r){return __awaiter(T,void 0,void 0,(function(){var p,T,A;return __generator(this,(function(P){switch(P.label){case 0:p=Object.assign({animated:false,icons:{balIconClose:e,balIconInfoCircle:t,balIconPlus:i,balIconMinus:u,balIconEdit:o,balIconTrash:a,balIconNavGoLeft:f,balIconNavGoRight:c,balIconNavGoDown:s,balIconNavGoUp:v,balIconCaretUp:l,balIconCaretDown:d,balIconCaretLeft:m,balIconCaretRight:w,balIconCheck:b,balIconDate:_,balIconDocument:h,balIconUpload:y,balIconMenuBars:I}},r);T=n;if(!(T!==null&&T!==undefined))return[3,3];return[4,O(T,true)];case 1:P.sent();A=Array.prototype.slice.call(T.querySelectorAll("*")).filter((function(n){return n.tagName.match(/^bal/i)}));return[4,Promise.all(A.map((function(n){if(n.configChanged!==null&&n.configChanged!==undefined){return n.configChanged(p)}})))];case 2:P.sent();P.label=3;case 3:return[4,Promise.all([V(),J(),H()])];case 4:P.sent();return[2]}}))}))}));var V=n("b",(function(){return new Promise((function(n){return E((function(){return Q(n)}))}))}));var H=n("d",(function(){return new Promise((function(n){return g((function(){return Q(n)}))}))}));var J=n("e",(function(){return new Promise((function(n){return A((function(){return Q(n)}))}))}));var K=n("f",(function(){return new Promise((function(n){return P((function(){return Q(n)}))}))}));var Q=function(n){if(r.hasWindow&&"MessageChannel"in window){var e=new window.MessageChannel;e.port1.onmessage=n;e.port2.postMessage(undefined)}else{setTimeout(n,32)}}}}}));
1
+ var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,u){function o(n){try{f(t.next(n))}catch(n){u(n)}}function a(n){try{f(t["throw"](n))}catch(n){u(n)}}function f(n){n.done?e(n.value):i(n.value).then(o,a)}f((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},t,i,u,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(n){return function(r){return f([n,r])}}function f(a){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(e=0)),e)try{if(t=1,i&&(u=a[0]&2?i["return"]:a[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,a[1])).done)return u;if(i=0,u)a=[a[0]&2,u.value];switch(a[0]){case 0:case 1:u=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!u||a[1]>u[0]&&a[1]<u[3])){e.label=a[1];break}if(a[0]===6&&e.label<u[1]){e.label=u[1];u=a;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(a);break}if(u[2])e.ops.pop();e.trys.pop();continue}a=r.call(n,e)}catch(n){a=[6,n];i=0}finally{t=u=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,e){if(e||arguments.length===2)for(var t=0,i=r.length,u;t<i;t++){if(u||!(t in r)){if(!u)u=Array.prototype.slice.call(r,0,t);u[t]=r[t]}}return n.concat(u||Array.prototype.slice.call(r))};System.register(["./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(n){"use strict";var r,e,t,i,u,o,a,f,c,s,v,l,d,m,w,b,_,h,y,I,p;return{setters:[function(n){r=n.b},function(n){e=n.b;t=n.a;i=n.c;u=n.d;o=n.e;a=n.f;f=n.g;c=n.h;s=n.i;v=n.j;l=n.A;d=n.x;m=n.y;w=n.z;b=n.k;_=n.l;h=n.m;y=n.n;I=n.o},function(n){p=n.g}],execute:function(){var T=this;var A=function(n,e){if(e===void 0){e=3e3}var t=false;if(!r.isSafari&&r.hasWindow&&"PerformanceObserver"in window){var i=new PerformanceObserver((function(r){var e=r.getEntries();var u=e[e.length-1];if(u){i.disconnect();t=true;g((function(){return n()}))}}));i.observe({type:"largest-contentful-paint",buffered:true});setTimeout((function(){if(!t){i.disconnect();n()}}),e)}else{return setTimeout(n,32)}};var P=n("m",(function(n,e){if(e===void 0){e=32}var t=false;var i=function(){if(!t){t=true;n()}};if(r.hasWindow){var u=setTimeout(i,e);window.addEventListener("load",(function(){clearTimeout(u);i()}))}else{setTimeout(i,32)}}));var g=n("n",(function(n,e){if(e===void 0){e=5e3}if(r.hasWindow&&"requestIdleCallback"in window){window.requestIdleCallback(n,{timeout:e})}else{setTimeout(n,32)}}));var k=n("i",(function(n){if(n===void 0){n=0}return new Promise((function(r){setTimeout((function(){return r()}),n)}))}));var C=n("p",(function(n,r){var e=n._original||n;return{_original:n,emit:q(e.emit.bind(e),r)}}));var q=n("k",(function(n,r){if(r===void 0){r=0}var e;return function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}clearTimeout(e);e=setTimeout.apply(void 0,__spreadArray([n,r],t,false))}}));var N=n("v",(function(n,r){return n&&n.tagName&&n.tagName===r.toUpperCase()}));var j=n("j",(function(n,r){var e=r.parentNode;while(e!=null){if(e==n){return true}e=e.parentNode}return false}));var D=n("u",(function(n,r){var e=r.parentNode;while(e!=null){if(e.tagName===n.toUpperCase()){return true}e=e.parentNode}return false}));var G=n("g",(function(n){return n.querySelector("bal-app")||n.body}));var B=n("c",(function(n,r){if(n.componentOnReady!==null&&n.componentOnReady!==undefined){n.componentOnReady().then((function(n){return r(n)}))}else{E((function(){return r(n)}))}}));var E=n("o",(function(n){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(n)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(n)}return setTimeout(n)}));var F=n("t",(function(n,r){if(r===void 0){r=0}return new Promise((function(e){R(n,r,e)}))}));var R=function(n,r,e){if(r===void 0){r=0}var t;var i;var u={passive:true};var o=500;var a=function(){if(t){t()}};var f=function(r){if(r===undefined||n===r.target){a();e(r)}};if(n){n.addEventListener("webkitTransitionEnd",f,u);n.addEventListener("transitionend",f,u);i=setTimeout(f,r+o);t=function(){if(i){clearTimeout(i);i=undefined}n.removeEventListener("webkitTransitionEnd",f,u);n.removeEventListener("transitionend",f,u)}}return a};var x=n("l",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._ael;if(o){return o(n,e,t,i)}else if(u._ael){return u._ael(n,e,t,i)}}}return n.addEventListener(e,t,i)}));var L=n("r",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._rel;if(o){return o(n,e,t,i)}else if(u._rel){return u._rel(n,e,t,i)}}}return n.removeEventListener(e,t,i)}));var M=n("s",(function(n){if(n){return new Promise((function(r){return B(n,r)}))}return Promise.resolve()}));var O=n("h",(function(n){var r=[];for(var e=1;e<arguments.length;e++){r[e-1]=arguments[e]}return __awaiter(T,__spreadArray([n],r,true),void 0,(function(n,r){var e,t;if(r===void 0){r=false}return __generator(this,(function(i){switch(i.label){case 0:e=n;if(!e)return[3,4];if(!(e.componentOnReady!==null&&e.componentOnReady!==undefined))return[3,2];return[4,e.componentOnReady()];case 1:t=i.sent();if(!r&&t!==null&&t!==undefined){return[2]}i.label=2;case 2:return[4,Promise.all(Array.from(e.children).map((function(n){return O(n,r)})))];case 3:i.sent();i.label=4;case 4:return[2]}}))}))}));var S=n("w",(function(n){return __awaiter(T,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,O(n,true)];case 1:r.sent();return[4,V()];case 2:r.sent();return[4,H()];case 3:r.sent();return[2]}}))}))}));var U=n("q",(function(n,r,e){return __awaiter(T,void 0,void 0,(function(){var t,i;return __generator(this,(function(u){if(n&&n.target&&r&&r!==n.target){t=n.target;i=n.target.nodeName==="BAL-NAVBAR-BRAND";if(i){t=t.closest("bal-navbar")}if(t&&j(t,r)){e(t)}}return[2]}))}))}));var z=n("a",(function(n,r){return __awaiter(T,void 0,void 0,(function(){var p,T,A;return __generator(this,(function(P){switch(P.label){case 0:p=Object.assign({animated:false,icons:{balIconClose:e,balIconInfoCircle:t,balIconPlus:i,balIconMinus:u,balIconEdit:o,balIconTrash:a,balIconNavGoLeft:f,balIconNavGoRight:c,balIconNavGoDown:s,balIconNavGoUp:v,balIconCaretUp:l,balIconCaretDown:d,balIconCaretLeft:m,balIconCaretRight:w,balIconCheck:b,balIconDate:_,balIconDocument:h,balIconUpload:y,balIconMenuBars:I}},r);T=n;if(!(T!==null&&T!==undefined))return[3,3];return[4,O(T,true)];case 1:P.sent();A=Array.prototype.slice.call(T.querySelectorAll("*")).filter((function(n){return n.tagName.match(/^bal/i)}));return[4,Promise.all(A.map((function(n){if(n.configChanged!==null&&n.configChanged!==undefined){return n.configChanged(p)}})))];case 2:P.sent();P.label=3;case 3:return[4,Promise.all([V(),J(),H()])];case 4:P.sent();return[2]}}))}))}));var V=n("b",(function(){return new Promise((function(n){return E((function(){return Q(n)}))}))}));var H=n("d",(function(){return new Promise((function(n){return g((function(){return Q(n)}))}))}));var J=n("e",(function(){return new Promise((function(n){return A((function(){return Q(n)}))}))}));var K=n("f",(function(){return new Promise((function(n){return P((function(){return Q(n)}))}))}));var Q=function(n){if(r.hasWindow&&"MessageChannel"in window){var e=new window.MessageChannel;e.port1.onmessage=n;e.port2.postMessage(undefined)}else{setTimeout(n,32)}}}}}));