@baloise/ds-core 16.8.0-nightly.20241128 → 17.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (508) hide show
  1. package/components/all.d.ts +0 -2
  2. package/components/all.js +0 -3
  3. package/components/bal-app.js +91 -1
  4. package/components/bal-button2.js +9 -1
  5. package/components/bal-carousel2.js +15 -2
  6. package/components/bal-checkbox-group.js +26 -1
  7. package/components/bal-checkbox2.js +15 -2
  8. package/components/bal-date.js +37 -8
  9. package/components/bal-dropdown2.js +41 -21
  10. package/components/bal-file-upload.js +12 -5
  11. package/components/bal-input-date2.js +16 -3
  12. package/components/bal-input-slider.js +18 -4
  13. package/components/bal-input-stepper.js +17 -4
  14. package/components/bal-input.js +15 -2
  15. package/components/bal-modal.js +32 -6
  16. package/components/bal-nav-meta-bar2.js +9 -2
  17. package/components/bal-nav.js +16 -3
  18. package/components/bal-number-input.js +15 -2
  19. package/components/bal-option-list.js +15 -2
  20. package/components/bal-option2.js +9 -2
  21. package/components/bal-popover2.js +38 -13
  22. package/components/bal-popup.js +45 -10
  23. package/components/bal-radio-group.js +32 -1
  24. package/components/bal-radio2.js +9 -2
  25. package/components/bal-segment.js +15 -2
  26. package/components/bal-select2.js +25 -6
  27. package/components/bal-tabs2.js +22 -3
  28. package/components/bal-textarea.js +16 -2
  29. package/components/bal-time-input.js +15 -2
  30. package/components/bal-tooltip.js +13 -9
  31. package/components/floating-ui.dom.esm.js +493 -1
  32. package/components/floating-ui.js +26 -0
  33. package/components/index.js +289 -5
  34. package/components/listen.js +58 -0
  35. package/components/tokens.esm.js +1 -1
  36. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  37. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  38. package/dist/baloise-design-system/index.esm.js +1 -1
  39. package/dist/baloise-design-system/{p-c4ca01309d.entry.js → p-01cdb12b31.entry.js} +1 -1
  40. package/dist/baloise-design-system/p-0215ccdca9.system.entry.js +1 -0
  41. package/dist/baloise-design-system/{p-a56e373833.system.entry.js → p-063f4fc96f.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/p-075bcd8c56.system.entry.js +1 -0
  43. package/dist/baloise-design-system/p-0935940ea0.system.entry.js +1 -0
  44. package/dist/baloise-design-system/p-0c51c999.js +1 -0
  45. package/dist/baloise-design-system/{p-da2562dec4.entry.js → p-0dc26bfe1f.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-5528bb7c78.entry.js → p-0ede0fa9b2.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-0c18fb22f4.entry.js → p-10151a65a4.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-2e8c85c8.system.js → p-10985d5e.system.js} +1 -1
  49. package/dist/baloise-design-system/{p-58ce3f44f5.system.entry.js → p-12701030b2.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-a0777dfaaa.entry.js → p-1400a7e9cc.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-63ad3fe86c.system.entry.js → p-14eef425da.system.entry.js} +1 -1
  52. package/dist/baloise-design-system/{p-2119dc974a.entry.js → p-16ff8c81bf.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-9f5ab1c77f.system.entry.js → p-17c73b8f48.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-91555f7c0f.system.entry.js → p-1e344a8c28.system.entry.js} +1 -1
  55. package/dist/baloise-design-system/{p-c58043b9.system.js → p-1e688639.system.js} +1 -1
  56. package/dist/baloise-design-system/p-218f416b89.entry.js +1 -0
  57. package/dist/baloise-design-system/p-2539ba43.js +2 -0
  58. package/dist/baloise-design-system/p-2767b62167.system.entry.js +1 -0
  59. package/dist/baloise-design-system/{p-24cb7ada61.entry.js → p-29273a2be9.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-222473290c.entry.js → p-2af8b73858.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-3780688271.entry.js → p-2f6c32ca97.entry.js} +1 -1
  62. package/dist/baloise-design-system/p-30679d51bd.system.entry.js +1 -0
  63. package/dist/baloise-design-system/{p-60d1100c61.system.entry.js → p-30f41bab1a.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/p-3114a84410.entry.js +1 -0
  65. package/dist/baloise-design-system/{p-3e81eb1b73.entry.js → p-3149162e9e.entry.js} +1 -1
  66. package/dist/baloise-design-system/{p-2bdeb49e04.entry.js → p-3508444fc8.entry.js} +1 -1
  67. package/dist/baloise-design-system/{p-bcbde419.system.js → p-365fc134.system.js} +1 -1
  68. package/dist/baloise-design-system/{p-382b654245.entry.js → p-3814316946.entry.js} +1 -1
  69. package/dist/baloise-design-system/{p-a89836cf90.system.entry.js → p-3c504ddf38.system.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-9e1f6b77fd.entry.js → p-4b6481e692.entry.js} +1 -1
  71. package/dist/baloise-design-system/p-4bbe4ba6ba.entry.js +1 -0
  72. package/dist/baloise-design-system/{p-9895f4bc7f.entry.js → p-4d84f90534.entry.js} +1 -1
  73. package/dist/baloise-design-system/p-4e4fe533.js +1 -0
  74. package/dist/baloise-design-system/{p-30440adeaf.system.entry.js → p-4e75ee3c87.system.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-7be6d0d5.js → p-50b2a9c6.js} +1 -1
  76. package/dist/baloise-design-system/p-51e22c0c.js +1 -0
  77. package/dist/baloise-design-system/{p-d5d60c9b0c.entry.js → p-5353ba1263.entry.js} +1 -1
  78. package/dist/baloise-design-system/p-53b859d3c4.entry.js +1 -0
  79. package/dist/baloise-design-system/{p-1f1d4be98c.system.entry.js → p-54c8a63b7c.system.entry.js} +1 -1
  80. package/dist/baloise-design-system/p-579855c6.system.js +1 -0
  81. package/dist/baloise-design-system/{p-5ad129ef61.entry.js → p-5b78557886.entry.js} +1 -1
  82. package/dist/baloise-design-system/p-6116192a.js +1 -0
  83. package/dist/baloise-design-system/p-61c48963c7.system.entry.js +1 -0
  84. package/dist/baloise-design-system/p-62936f4a8b.entry.js +1 -0
  85. package/dist/baloise-design-system/{p-3d1686d3b7.entry.js → p-678ebde2de.entry.js} +1 -1
  86. package/dist/baloise-design-system/p-68392bc0e8.system.entry.js +1 -0
  87. package/dist/baloise-design-system/p-69f82b9b22.entry.js +1 -0
  88. package/dist/baloise-design-system/{p-cde7b9624f.entry.js → p-6c3a60ddf6.entry.js} +1 -1
  89. package/dist/baloise-design-system/p-6cadcbe4bb.entry.js +1 -0
  90. package/dist/baloise-design-system/{p-aa056163df.system.entry.js → p-6d27c4949f.system.entry.js} +1 -1
  91. package/dist/baloise-design-system/p-6d6a2f64f2.entry.js +1 -0
  92. package/dist/baloise-design-system/p-6e79b03ef3.entry.js +1 -0
  93. package/dist/baloise-design-system/{p-368d2f5b53.system.entry.js → p-6fb26bd060.system.entry.js} +1 -1
  94. package/dist/baloise-design-system/{p-3599e990df.system.entry.js → p-70ff6660e5.system.entry.js} +1 -1
  95. package/dist/baloise-design-system/p-73bd9055.system.js +1 -0
  96. package/dist/baloise-design-system/{p-4e943f9e82.system.entry.js → p-7752fa10ea.system.entry.js} +1 -1
  97. package/dist/baloise-design-system/p-799a292492.entry.js +1 -0
  98. package/dist/baloise-design-system/{p-e706fa54a7.system.entry.js → p-7a883fd6ed.system.entry.js} +1 -1
  99. package/dist/baloise-design-system/{p-099160293f.entry.js → p-7eaff7954d.entry.js} +1 -1
  100. package/dist/baloise-design-system/p-7f9fe862b6.system.entry.js +1 -0
  101. package/dist/baloise-design-system/{p-ca33489f33.system.entry.js → p-8096d040b2.system.entry.js} +1 -1
  102. package/dist/baloise-design-system/{p-5d61e44daf.entry.js → p-85b6c500d8.entry.js} +1 -1
  103. package/dist/baloise-design-system/{p-e101267145.system.entry.js → p-85d9ea863b.system.entry.js} +1 -1
  104. package/dist/baloise-design-system/p-85ed9bd051.entry.js +1 -0
  105. package/dist/baloise-design-system/p-8669493951.system.entry.js +1 -0
  106. package/dist/baloise-design-system/p-88be14c716.entry.js +1 -0
  107. package/dist/baloise-design-system/p-8a1bb350f1.system.entry.js +1 -0
  108. package/dist/baloise-design-system/{p-8b783731ea.system.entry.js → p-8ac5772a60.system.entry.js} +1 -1
  109. package/dist/baloise-design-system/{p-66a76fe561.entry.js → p-8b8d19171d.entry.js} +1 -1
  110. package/dist/baloise-design-system/{p-510dacbdf8.entry.js → p-8d370d87cb.entry.js} +1 -1
  111. package/dist/baloise-design-system/p-9311066eb2.system.entry.js +1 -0
  112. package/dist/baloise-design-system/p-93e2638280.system.entry.js +1 -0
  113. package/dist/baloise-design-system/{p-bad5fa4646.entry.js → p-98267a7765.entry.js} +1 -1
  114. package/dist/baloise-design-system/{p-07650803c8.system.entry.js → p-98a58cff41.system.entry.js} +1 -1
  115. package/dist/baloise-design-system/p-98f7403c7f.entry.js +1 -0
  116. package/dist/baloise-design-system/{p-8f639d43b5.system.entry.js → p-992c49c23e.system.entry.js} +1 -1
  117. package/dist/baloise-design-system/{p-9774873974.entry.js → p-9b8ca7ead8.entry.js} +1 -1
  118. package/dist/baloise-design-system/p-9d29364f13.entry.js +1 -0
  119. package/dist/baloise-design-system/p-9d3f19c6af.system.entry.js +1 -0
  120. package/dist/baloise-design-system/{p-993e98c44c.entry.js → p-9f54cfc70b.entry.js} +1 -1
  121. package/dist/baloise-design-system/{p-52369031e6.entry.js → p-9f83acd71d.entry.js} +1 -1
  122. package/dist/baloise-design-system/p-a7d15ec66b.entry.js +1 -0
  123. package/dist/baloise-design-system/p-ad58876e8c.entry.js +1 -0
  124. package/dist/baloise-design-system/p-ae2292f251.system.entry.js +1 -0
  125. package/dist/baloise-design-system/{p-4721b7f303.system.entry.js → p-aebb3198c4.system.entry.js} +1 -1
  126. package/dist/baloise-design-system/{p-60824c3a6c.system.entry.js → p-af3fb420b3.system.entry.js} +1 -1
  127. package/dist/baloise-design-system/p-af4c6af2.js +1 -0
  128. package/dist/baloise-design-system/p-af5e974f4c.system.entry.js +1 -0
  129. package/dist/baloise-design-system/p-b0120babb2.entry.js +1 -0
  130. package/dist/baloise-design-system/{p-aa4c7e3e90.entry.js → p-b136739bec.entry.js} +1 -1
  131. package/dist/baloise-design-system/{p-7caf3c7067.system.entry.js → p-b4ecd87960.system.entry.js} +1 -1
  132. package/dist/baloise-design-system/p-b57c473d.system.js +1 -0
  133. package/dist/baloise-design-system/{p-015c102ad9.system.entry.js → p-b8658ffb85.system.entry.js} +1 -1
  134. package/dist/baloise-design-system/p-b86876e144.entry.js +1 -0
  135. package/dist/baloise-design-system/p-ba9c735428.entry.js +1 -0
  136. package/dist/baloise-design-system/p-be61baa681.entry.js +1 -0
  137. package/dist/baloise-design-system/{p-d07cefc6cd.entry.js → p-be6d3bde8f.entry.js} +1 -1
  138. package/dist/baloise-design-system/{p-5f152e8366.system.entry.js → p-bf1b5db620.system.entry.js} +1 -1
  139. package/dist/baloise-design-system/p-c045d5a57c.system.entry.js +1 -0
  140. package/dist/baloise-design-system/{p-ad8f67e768.entry.js → p-c2157cabd4.entry.js} +1 -1
  141. package/dist/baloise-design-system/{p-84a902769c.entry.js → p-c416afcd52.entry.js} +1 -1
  142. package/dist/baloise-design-system/{p-42e9543ae1.system.entry.js → p-c589d05bc6.system.entry.js} +1 -1
  143. package/dist/baloise-design-system/{p-ceb61531.js → p-c61080a6.js} +1 -1
  144. package/dist/baloise-design-system/{p-fb9f3fe04c.entry.js → p-c7e93ad3c1.entry.js} +1 -1
  145. package/dist/baloise-design-system/{p-8c541cdc98.entry.js → p-c7efc6d470.entry.js} +1 -1
  146. package/dist/baloise-design-system/{p-848de6d6.js → p-c8caa835.js} +1 -1
  147. package/dist/baloise-design-system/p-c9dce0f3ea.system.entry.js +1 -0
  148. package/dist/baloise-design-system/{p-da33e9ae0d.system.entry.js → p-cfd4370f6b.system.entry.js} +1 -1
  149. package/dist/baloise-design-system/p-cfe42ac458.system.entry.js +1 -0
  150. package/dist/baloise-design-system/p-d0d162c677.system.entry.js +1 -0
  151. package/dist/baloise-design-system/{p-3f55ea8e.system.js → p-d2f9ed2b.system.js} +1 -1
  152. package/dist/baloise-design-system/p-d404537f.system.js +1 -0
  153. package/dist/baloise-design-system/p-d532d41212.system.entry.js +1 -0
  154. package/dist/baloise-design-system/p-d67f7321.system.js +2 -0
  155. package/dist/baloise-design-system/p-d88acac29e.system.entry.js +1 -0
  156. package/dist/baloise-design-system/{p-a73767fb2b.system.entry.js → p-d9bb74c913.system.entry.js} +1 -1
  157. package/dist/baloise-design-system/p-dbc0b7c370.entry.js +1 -0
  158. package/dist/baloise-design-system/{p-fc61d25546.system.entry.js → p-dfcca29bc9.system.entry.js} +1 -1
  159. package/dist/baloise-design-system/{p-246ddd7346.system.entry.js → p-e0e123ffec.system.entry.js} +1 -1
  160. package/dist/baloise-design-system/{p-481ee3bb.system.js → p-e1b2f86b.system.js} +1 -1
  161. package/dist/baloise-design-system/{p-532653d3fc.system.entry.js → p-e2ba4d18bc.system.entry.js} +1 -1
  162. package/dist/baloise-design-system/{p-be204d7cab.system.entry.js → p-e3a563de25.system.entry.js} +1 -1
  163. package/dist/baloise-design-system/{p-aff57cb8f7.system.entry.js → p-e8f93d80ca.system.entry.js} +1 -1
  164. package/dist/baloise-design-system/{p-0481129a2f.entry.js → p-ec286609dd.entry.js} +1 -1
  165. package/dist/baloise-design-system/p-ec4cf5cec6.entry.js +1 -0
  166. package/dist/baloise-design-system/p-edbd880ce1.entry.js +1 -0
  167. package/dist/baloise-design-system/p-ee3c7a38.system.js +1 -0
  168. package/dist/baloise-design-system/{p-6ef3fdbb8e.entry.js → p-f1c41da029.entry.js} +1 -1
  169. package/dist/baloise-design-system/{p-c08fccadbf.entry.js → p-f3ef269852.entry.js} +1 -1
  170. package/dist/baloise-design-system/{p-90c9a623bc.system.entry.js → p-f8d828383b.system.entry.js} +1 -1
  171. package/dist/baloise-design-system/{p-bd407541e0.system.entry.js → p-fa363ba3f9.system.entry.js} +1 -1
  172. package/dist/baloise-design-system/p-faaf77375f.system.entry.js +1 -0
  173. package/dist/baloise-design-system/{p-45db444d22.system.entry.js → p-faf5c89145.system.entry.js} +1 -1
  174. package/dist/baloise-design-system/p-fd118a1752.system.entry.js +1 -0
  175. package/dist/cjs/app-globals-f5a609c1.js +11 -0
  176. package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
  177. package/dist/cjs/bal-app.cjs.entry.js +1 -1
  178. package/dist/cjs/bal-badge.cjs.entry.js +1 -1
  179. package/dist/cjs/bal-button_2.cjs.entry.js +9 -1
  180. package/dist/cjs/bal-card_6.cjs.entry.js +1 -1
  181. package/dist/cjs/bal-carousel_2.cjs.entry.js +18 -5
  182. package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
  183. package/dist/cjs/bal-checkbox_2.cjs.entry.js +39 -2
  184. package/dist/cjs/bal-close.cjs.entry.js +1 -1
  185. package/dist/cjs/bal-content.cjs.entry.js +1 -1
  186. package/dist/cjs/bal-data_4.cjs.entry.js +1 -1
  187. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +1 -1
  188. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +16 -3
  189. package/dist/cjs/bal-date.cjs.entry.js +37 -8
  190. package/dist/cjs/bal-divider.cjs.entry.js +1 -1
  191. package/dist/cjs/bal-dropdown.cjs.entry.js +40 -21
  192. package/dist/cjs/bal-field_5.cjs.entry.js +1 -1
  193. package/dist/cjs/bal-file-upload.cjs.entry.js +12 -5
  194. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  195. package/dist/cjs/bal-form-col_2.cjs.entry.js +1 -1
  196. package/dist/cjs/bal-form.cjs.entry.js +1 -1
  197. package/dist/cjs/bal-heading_2.cjs.entry.js +1 -1
  198. package/dist/cjs/bal-hint_5.cjs.entry.js +41 -16
  199. package/dist/cjs/bal-icon.cjs.entry.js +1 -1
  200. package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
  201. package/dist/cjs/bal-input-slider.cjs.entry.js +18 -4
  202. package/dist/cjs/bal-input-stepper.cjs.entry.js +17 -4
  203. package/dist/cjs/bal-input.cjs.entry.js +15 -2
  204. package/dist/cjs/bal-label.cjs.entry.js +1 -1
  205. package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
  206. package/dist/cjs/bal-logo.cjs.entry.js +4 -4
  207. package/dist/cjs/bal-modal_3.cjs.entry.js +32 -6
  208. package/dist/cjs/bal-nav_8.cjs.entry.js +26 -7
  209. package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
  210. package/dist/cjs/bal-notices_3.cjs.entry.js +1 -1
  211. package/dist/cjs/bal-notification.cjs.entry.js +1 -1
  212. package/dist/cjs/bal-number-input.cjs.entry.js +15 -2
  213. package/dist/cjs/bal-option_2.cjs.entry.js +22 -3
  214. package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
  215. package/dist/cjs/bal-popup.cjs.entry.js +45 -10
  216. package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
  217. package/dist/cjs/bal-radio-button.cjs.entry.js +1 -1
  218. package/dist/cjs/bal-radio_2.cjs.entry.js +39 -2
  219. package/dist/cjs/bal-segment_2.cjs.entry.js +19 -6
  220. package/dist/cjs/bal-select_2.cjs.entry.js +25 -6
  221. package/dist/cjs/bal-shape.cjs.entry.js +2 -2
  222. package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
  223. package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
  224. package/dist/cjs/bal-stack.cjs.entry.js +1 -1
  225. package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
  226. package/dist/cjs/bal-step-item.cjs.entry.js +1 -1
  227. package/dist/cjs/bal-steps.cjs.entry.js +4 -4
  228. package/dist/cjs/bal-tab-item_2.cjs.entry.js +25 -6
  229. package/dist/cjs/bal-table.cjs.entry.js +1 -1
  230. package/dist/cjs/bal-tag_2.cjs.entry.js +1 -1
  231. package/dist/cjs/bal-textarea.cjs.entry.js +16 -2
  232. package/dist/cjs/bal-time-input.cjs.entry.js +15 -2
  233. package/dist/cjs/bal-tooltip.cjs.entry.js +17 -10
  234. package/dist/cjs/baloise-design-system.cjs.js +5 -6
  235. package/dist/cjs/{breakpoints.decorator-cf3eca02.js → breakpoints.decorator-967c2fd2.js} +1 -1
  236. package/dist/cjs/{breakpoints.subject-ef2650af.js → breakpoints.subject-679bdc55.js} +1 -1
  237. package/dist/cjs/floating-ui-9f03e1cf.js +28 -0
  238. package/dist/{esm/floating-ui.dom.esm-f1cf1077.js → cjs/floating-ui.dom.esm-2ece9686.js} +508 -1
  239. package/dist/cjs/{index-a5d5074f.js → index-96c178a6.js} +4 -73
  240. package/dist/cjs/index.cjs.js +4 -4
  241. package/dist/cjs/{initialize-d21873c4.js → initialize-e7570bc6.js} +2 -2
  242. package/dist/cjs/listen-b42a4134.js +60 -0
  243. package/dist/cjs/loader.cjs.js +4 -5
  244. package/dist/cjs/{tokens.esm-b363e28a.js → tokens.esm-e4edac35.js} +1 -1
  245. package/dist/cjs/{window-resize.decorator-b06d2bb0.js → window-resize.decorator-bb2ea6d8.js} +1 -1
  246. package/dist/collection/collection-manifest.json +2 -3
  247. package/dist/collection/components/bal-button/bal-button.js +9 -10
  248. package/dist/collection/components/bal-carousel/bal-carousel.js +14 -16
  249. package/dist/collection/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.js +25 -27
  250. package/dist/collection/components/bal-checkbox/bal-checkbox.js +14 -16
  251. package/dist/collection/components/bal-date/bal-date.js +36 -34
  252. package/dist/collection/components/bal-dropdown/bal-dropdown.js +31 -35
  253. package/dist/collection/components/bal-file-upload/bal-file-upload.js +11 -13
  254. package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +15 -17
  255. package/dist/collection/components/bal-input/bal-input.js +14 -16
  256. package/dist/collection/components/bal-input-slider/bal-input-slider.js +17 -18
  257. package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +16 -18
  258. package/dist/collection/components/bal-modal/bal-modal.js +31 -32
  259. package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +8 -10
  260. package/dist/collection/components/bal-nav/bal-nav.js +15 -17
  261. package/dist/collection/components/bal-number-input/bal-number-input.js +14 -16
  262. package/dist/collection/components/bal-option/bal-option.js +8 -10
  263. package/dist/collection/components/bal-option-list/bal-option-list.js +14 -16
  264. package/dist/collection/components/bal-popover/bal-popover.js +37 -39
  265. package/dist/collection/components/bal-popup/bal-popup.js +32 -34
  266. package/dist/collection/components/bal-popup/variants/popover-variant.renderer.js +12 -8
  267. package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +31 -33
  268. package/dist/collection/components/bal-radio/bal-radio.js +8 -10
  269. package/dist/collection/components/bal-segment/bal-segment.js +14 -16
  270. package/dist/collection/components/bal-select/bal-select.js +24 -26
  271. package/dist/collection/components/bal-tabs/bal-tabs.js +21 -23
  272. package/dist/collection/components/bal-textarea/bal-textarea.js +15 -16
  273. package/dist/collection/components/bal-time-input/bal-time-input.js +14 -16
  274. package/dist/collection/components/bal-tooltip/bal-tooltip.js +13 -9
  275. package/dist/collection/utils/constants/version.constant.js +1 -1
  276. package/dist/collection/utils/dropdown/popup.js +9 -6
  277. package/dist/collection/utils/floating-ui.js +23 -0
  278. package/dist/collection/utils/listen.js +55 -0
  279. package/dist/esm/app-globals-4d0448ee.js +9 -0
  280. package/dist/esm/bal-accordion_4.entry.js +1 -1
  281. package/dist/esm/bal-app.entry.js +1 -1
  282. package/dist/esm/bal-badge.entry.js +1 -1
  283. package/dist/esm/bal-button_2.entry.js +9 -1
  284. package/dist/esm/bal-card_6.entry.js +1 -1
  285. package/dist/esm/bal-carousel_2.entry.js +18 -5
  286. package/dist/esm/bal-checkbox-button.entry.js +1 -1
  287. package/dist/esm/bal-checkbox_2.entry.js +39 -2
  288. package/dist/esm/bal-close.entry.js +1 -1
  289. package/dist/esm/bal-content.entry.js +1 -1
  290. package/dist/esm/bal-data_4.entry.js +1 -1
  291. package/dist/esm/bal-date-calendar-cell.entry.js +1 -1
  292. package/dist/esm/bal-date-calendar_2.entry.js +16 -3
  293. package/dist/esm/bal-date.entry.js +37 -8
  294. package/dist/esm/bal-divider.entry.js +1 -1
  295. package/dist/esm/bal-dropdown.entry.js +41 -22
  296. package/dist/esm/bal-field_5.entry.js +1 -1
  297. package/dist/esm/bal-file-upload.entry.js +12 -5
  298. package/dist/esm/bal-footer.entry.js +1 -1
  299. package/dist/esm/bal-form-col_2.entry.js +1 -1
  300. package/dist/esm/bal-form.entry.js +1 -1
  301. package/dist/esm/bal-heading_2.entry.js +1 -1
  302. package/dist/esm/bal-hint_5.entry.js +41 -16
  303. package/dist/esm/bal-icon.entry.js +1 -1
  304. package/dist/esm/bal-input-group.entry.js +1 -1
  305. package/dist/esm/bal-input-slider.entry.js +18 -4
  306. package/dist/esm/bal-input-stepper.entry.js +17 -4
  307. package/dist/esm/bal-input.entry.js +15 -2
  308. package/dist/esm/bal-label.entry.js +1 -1
  309. package/dist/esm/bal-list_8.entry.js +4 -4
  310. package/dist/esm/bal-logo.entry.js +4 -4
  311. package/dist/esm/bal-modal_3.entry.js +32 -6
  312. package/dist/esm/bal-nav_8.entry.js +26 -7
  313. package/dist/esm/bal-navbar_5.entry.js +4 -4
  314. package/dist/esm/bal-notices_3.entry.js +1 -1
  315. package/dist/esm/bal-notification.entry.js +1 -1
  316. package/dist/esm/bal-number-input.entry.js +15 -2
  317. package/dist/esm/bal-option_2.entry.js +22 -3
  318. package/dist/esm/bal-pagination.entry.js +4 -4
  319. package/dist/esm/bal-popup.entry.js +45 -10
  320. package/dist/esm/bal-progress-bar.entry.js +5 -5
  321. package/dist/esm/bal-radio-button.entry.js +1 -1
  322. package/dist/esm/bal-radio_2.entry.js +39 -2
  323. package/dist/esm/bal-segment_2.entry.js +19 -6
  324. package/dist/esm/bal-select_2.entry.js +25 -6
  325. package/dist/esm/bal-shape.entry.js +2 -2
  326. package/dist/esm/bal-sheet.entry.js +1 -1
  327. package/dist/esm/bal-spinner.entry.js +1 -1
  328. package/dist/esm/bal-stack.entry.js +1 -1
  329. package/dist/esm/bal-stage_6.entry.js +1 -1
  330. package/dist/esm/bal-step-item.entry.js +1 -1
  331. package/dist/esm/bal-steps.entry.js +4 -4
  332. package/dist/esm/bal-tab-item_2.entry.js +25 -6
  333. package/dist/esm/bal-table.entry.js +1 -1
  334. package/dist/esm/bal-tag_2.entry.js +1 -1
  335. package/dist/esm/bal-textarea.entry.js +16 -2
  336. package/dist/esm/bal-time-input.entry.js +15 -2
  337. package/dist/esm/bal-tooltip.entry.js +17 -10
  338. package/dist/esm/baloise-design-system.js +6 -7
  339. package/dist/esm/{breakpoints.decorator-f94354b6.js → breakpoints.decorator-9981606e.js} +1 -1
  340. package/dist/esm/{breakpoints.subject-9d4798ac.js → breakpoints.subject-ae98d0fa.js} +1 -1
  341. package/dist/esm/floating-ui-82413f23.js +26 -0
  342. package/dist/{cjs/floating-ui.dom.esm-5dbdcff9.js → esm/floating-ui.dom.esm-8dcdb8d6.js} +493 -8
  343. package/dist/esm/{index-3ab19881.js → index-5b1faf93.js} +4 -73
  344. package/dist/esm/index.js +5 -5
  345. package/dist/esm/{initialize-5a257a0d.js → initialize-f93872c4.js} +2 -2
  346. package/dist/esm/listen-d1712e70.js +58 -0
  347. package/dist/esm/loader.js +5 -6
  348. package/dist/esm/{tokens.esm-c10e9c85.js → tokens.esm-ed9fb455.js} +1 -1
  349. package/dist/esm/{window-resize.decorator-d57a9812.js → window-resize.decorator-a88002f7.js} +1 -1
  350. package/dist/esm-es5/app-globals-4d0448ee.js +1 -0
  351. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  352. package/dist/esm-es5/bal-app.entry.js +1 -1
  353. package/dist/esm-es5/bal-badge.entry.js +1 -1
  354. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  355. package/dist/esm-es5/bal-card_6.entry.js +1 -1
  356. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  357. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  358. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  359. package/dist/esm-es5/bal-close.entry.js +1 -1
  360. package/dist/esm-es5/bal-content.entry.js +1 -1
  361. package/dist/esm-es5/bal-data_4.entry.js +1 -1
  362. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  363. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  364. package/dist/esm-es5/bal-date.entry.js +1 -1
  365. package/dist/esm-es5/bal-divider.entry.js +1 -1
  366. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  367. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  368. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  369. package/dist/esm-es5/bal-footer.entry.js +1 -1
  370. package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
  371. package/dist/esm-es5/bal-form.entry.js +1 -1
  372. package/dist/esm-es5/bal-heading_2.entry.js +1 -1
  373. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  374. package/dist/esm-es5/bal-icon.entry.js +1 -1
  375. package/dist/esm-es5/bal-input-group.entry.js +1 -1
  376. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  377. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  378. package/dist/esm-es5/bal-input.entry.js +1 -1
  379. package/dist/esm-es5/bal-label.entry.js +1 -1
  380. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  381. package/dist/esm-es5/bal-logo.entry.js +1 -1
  382. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  383. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  384. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  385. package/dist/esm-es5/bal-notices_3.entry.js +1 -1
  386. package/dist/esm-es5/bal-notification.entry.js +1 -1
  387. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  388. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  389. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  390. package/dist/esm-es5/bal-popup.entry.js +1 -1
  391. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  392. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  393. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  394. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  395. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  396. package/dist/esm-es5/bal-shape.entry.js +1 -1
  397. package/dist/esm-es5/bal-sheet.entry.js +1 -1
  398. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  399. package/dist/esm-es5/bal-stack.entry.js +1 -1
  400. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  401. package/dist/esm-es5/bal-step-item.entry.js +1 -1
  402. package/dist/esm-es5/bal-steps.entry.js +1 -1
  403. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  404. package/dist/esm-es5/bal-table.entry.js +1 -1
  405. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  406. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  407. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  408. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  409. package/dist/esm-es5/baloise-design-system.js +1 -1
  410. package/dist/esm-es5/breakpoints.decorator-9981606e.js +1 -0
  411. package/dist/esm-es5/{breakpoints.subject-9d4798ac.js → breakpoints.subject-ae98d0fa.js} +1 -1
  412. package/dist/esm-es5/floating-ui-82413f23.js +1 -0
  413. package/dist/esm-es5/floating-ui.dom.esm-8dcdb8d6.js +1 -0
  414. package/dist/esm-es5/index-5b1faf93.js +2 -0
  415. package/dist/esm-es5/index.js +1 -1
  416. package/dist/esm-es5/{initialize-5a257a0d.js → initialize-f93872c4.js} +1 -1
  417. package/dist/esm-es5/listen-d1712e70.js +1 -0
  418. package/dist/esm-es5/loader.js +1 -1
  419. package/dist/esm-es5/{window-resize.decorator-d57a9812.js → window-resize.decorator-a88002f7.js} +1 -1
  420. package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +5 -4
  421. package/dist/types/components/bal-popover/bal-popover.d.ts +1 -1
  422. package/dist/types/components/bal-select/bal-select.d.ts +1 -1
  423. package/dist/types/components.d.ts +0 -37
  424. package/dist/types/utils/dropdown/popup.d.ts +2 -1
  425. package/dist/types/utils/floating-ui.d.ts +15 -0
  426. package/dist/types/utils/listen.d.ts +12 -0
  427. package/package.json +8 -8
  428. package/components/bal-app2.js +0 -93
  429. package/components/bal-doc-app.d.ts +0 -11
  430. package/components/bal-doc-app.js +0 -262
  431. package/components/initialize.js +0 -288
  432. package/dist/baloise-design-system/p-003f6da692.entry.js +0 -1
  433. package/dist/baloise-design-system/p-02386e08ff.entry.js +0 -1
  434. package/dist/baloise-design-system/p-0246c9bc54.system.entry.js +0 -1
  435. package/dist/baloise-design-system/p-0393304e1a.system.entry.js +0 -1
  436. package/dist/baloise-design-system/p-0c407262b1.entry.js +0 -1
  437. package/dist/baloise-design-system/p-0cee05a046.system.entry.js +0 -1
  438. package/dist/baloise-design-system/p-1943321f.js +0 -2
  439. package/dist/baloise-design-system/p-1b8135875a.system.entry.js +0 -1
  440. package/dist/baloise-design-system/p-1c41aa0529.system.entry.js +0 -1
  441. package/dist/baloise-design-system/p-1ed2313b.system.js +0 -1
  442. package/dist/baloise-design-system/p-202e0c450b.entry.js +0 -1
  443. package/dist/baloise-design-system/p-21f879a309.entry.js +0 -1
  444. package/dist/baloise-design-system/p-23ba23e7a8.entry.js +0 -1
  445. package/dist/baloise-design-system/p-2457d0ceb3.entry.js +0 -1
  446. package/dist/baloise-design-system/p-24d9967525.entry.js +0 -1
  447. package/dist/baloise-design-system/p-2608ceffd1.entry.js +0 -1
  448. package/dist/baloise-design-system/p-32b969a0da.system.entry.js +0 -1
  449. package/dist/baloise-design-system/p-3c9e26059c.entry.js +0 -1
  450. package/dist/baloise-design-system/p-4366e05d9c.system.entry.js +0 -1
  451. package/dist/baloise-design-system/p-4c45a9af76.system.entry.js +0 -1
  452. package/dist/baloise-design-system/p-5272405e3e.system.entry.js +0 -1
  453. package/dist/baloise-design-system/p-59ae70e074.entry.js +0 -1
  454. package/dist/baloise-design-system/p-5c96b1dd74.system.entry.js +0 -1
  455. package/dist/baloise-design-system/p-5fea9d7d.js +0 -1
  456. package/dist/baloise-design-system/p-60f814e4.system.js +0 -2
  457. package/dist/baloise-design-system/p-62a7573de4.entry.js +0 -1
  458. package/dist/baloise-design-system/p-6457001cc1.entry.js +0 -1
  459. package/dist/baloise-design-system/p-7057ff2e7d.system.entry.js +0 -1
  460. package/dist/baloise-design-system/p-77339423fa.system.entry.js +0 -1
  461. package/dist/baloise-design-system/p-774f9049af.system.entry.js +0 -1
  462. package/dist/baloise-design-system/p-782eb33b57.entry.js +0 -1
  463. package/dist/baloise-design-system/p-79af87fd32.system.entry.js +0 -1
  464. package/dist/baloise-design-system/p-7a6288bcd1.entry.js +0 -1
  465. package/dist/baloise-design-system/p-81bf0a2b8b.entry.js +0 -1
  466. package/dist/baloise-design-system/p-8292681250.system.entry.js +0 -1
  467. package/dist/baloise-design-system/p-8855dc8f1f.system.entry.js +0 -1
  468. package/dist/baloise-design-system/p-886c18cfa8.system.entry.js +0 -1
  469. package/dist/baloise-design-system/p-8fa843a042.system.entry.js +0 -1
  470. package/dist/baloise-design-system/p-977eb5ca6a.system.entry.js +0 -1
  471. package/dist/baloise-design-system/p-9ce328a855.entry.js +0 -1
  472. package/dist/baloise-design-system/p-9d3bd74b2b.entry.js +0 -1
  473. package/dist/baloise-design-system/p-9efc54a088.entry.js +0 -1
  474. package/dist/baloise-design-system/p-a261e182.system.js +0 -1
  475. package/dist/baloise-design-system/p-a316e24bc9.entry.js +0 -1
  476. package/dist/baloise-design-system/p-a3fa6e7d.js +0 -1
  477. package/dist/baloise-design-system/p-a418091b54.entry.js +0 -1
  478. package/dist/baloise-design-system/p-a62cd7edc4.entry.js +0 -1
  479. package/dist/baloise-design-system/p-afb3d4fe.js +0 -1
  480. package/dist/baloise-design-system/p-b80d9e4d.js +0 -1
  481. package/dist/baloise-design-system/p-bea3236be3.system.entry.js +0 -1
  482. package/dist/baloise-design-system/p-ce3e07bdb5.system.entry.js +0 -1
  483. package/dist/baloise-design-system/p-d26b9f1cb0.entry.js +0 -1
  484. package/dist/baloise-design-system/p-d8d8722634.system.entry.js +0 -1
  485. package/dist/baloise-design-system/p-dd490e5c41.system.entry.js +0 -1
  486. package/dist/baloise-design-system/p-dff3cb4e23.entry.js +0 -1
  487. package/dist/baloise-design-system/p-f8c5e9e7.system.js +0 -1
  488. package/dist/baloise-design-system/p-fccda5a8.system.js +0 -1
  489. package/dist/baloise-design-system/p-fd9827e80b.system.entry.js +0 -1
  490. package/dist/cjs/app-globals-da4c9bf6.js +0 -7
  491. package/dist/cjs/bal-doc-app.cjs.entry.js +0 -233
  492. package/dist/cjs/global-7a7dcc4f.js +0 -9
  493. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +0 -1
  494. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +0 -229
  495. package/dist/esm/app-globals-4970103c.js +0 -5
  496. package/dist/esm/bal-doc-app.entry.js +0 -229
  497. package/dist/esm/global-5bf9977a.js +0 -7
  498. package/dist/esm-es5/app-globals-4970103c.js +0 -1
  499. package/dist/esm-es5/bal-doc-app.entry.js +0 -1
  500. package/dist/esm-es5/breakpoints.decorator-f94354b6.js +0 -1
  501. package/dist/esm-es5/floating-ui.dom.esm-f1cf1077.js +0 -1
  502. package/dist/esm-es5/global-5bf9977a.js +0 -1
  503. package/dist/esm-es5/index-3ab19881.js +0 -2
  504. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +0 -21
  505. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +0 -82
  506. /package/dist/baloise-design-system/{p-7e0b6920.system.js → p-923b2e35.system.js} +0 -0
  507. /package/dist/baloise-design-system/{p-8ab7a3bd.js → p-fc542e26.js} +0 -0
  508. /package/dist/esm-es5/{tokens.esm-c10e9c85.js → tokens.esm-ed9fb455.js} +0 -0
package/dist/esm-es5/bal-card_6.entry.js CHANGED
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-3ab19881.js";import{i as isEmpty}from"./index-db06fb0e.js";import"./_commonjsHelpers-1c8beb5f.js";var balCardCss=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var BalCardStyle0=balCardCss;var Card=function(){function a(a){registerInstance(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return isEmpty(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return h(Host,{key:"7bc59c101e875eedda1f209d3eb2442ac00b4df5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!isEmpty(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},h("slot",{key:"577a43d779ac88042185e9bf5d3eb61f663cebad"}))};return a}();Card.style=BalCardStyle0;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"78f85e69ecf9184127533a57f8fb53793bf7f49e",class:"bal-card-actions"},h("bal-button-group",{key:"bee1def05a211bffb60f76b69a32cbd9e6d1a536",class:"m-none",position:this.position},h("slot",{key:"d62d486907ed3ef8bcd888464a0ddb32f2dfdcd3"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.href=undefined;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"a9a6233b6262d6160868017fd254d5a6ad2612ae",class:"bal-card-button"},h("bal-button",{key:"b7a5317e53b75f8d8bb4bbb8dd6ef56325c6676b",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},h("slot",{key:"9461aa5ace6d22d8c7dd6eff5495dfc4e3232506"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"3d9b2511b8743f33efeb25ae05691964b938cbcc",class:"bal-card-content"},h("slot",{key:"2085fa6085da72981d7a5fb86eca8979b8d84076"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){return h(Host,{key:"3c1cf2160f9cca6e5d9b2ce60069a23bedcb590a",class:"bal-card-subtitle"},h("bal-text",{key:"22fab503a09f822fe30a6e06340312c3c080b6a4",bold:this.bold,space:"none",color:this.inverted?"white":this.color},h("slot",{key:"bb28c8fcbfec3ba10184721940a453b22b2b8865"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"7e5021e2cf281b237676f401ca3109a6988b8edc",class:"bal-card-title"},h("bal-heading",{key:"b1a0badb897ba81b3fc25367cdd2155ee5bb7b43",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"8765c2c2485f4f1a885278070328136ec1402b1a"})))};return a}();export{Card as bal_card,CardActions as bal_card_actions,CardButton as bal_card_button,CardContent as bal_card_content,CardSubtitle as bal_card_subtitle,CardTitle as bal_card_title};
1
+ import{r as registerInstance,h,H as Host}from"./index-5b1faf93.js";import{i as isEmpty}from"./index-db06fb0e.js";import"./_commonjsHelpers-1c8beb5f.js";var balCardCss=":root{--bal-card-background:transparent;--bal-card-background-white:var(--bal-color-white);--bal-card-background-blue:var(--bal-color-primary);--bal-card-background-primary:var(--bal-color-primary);--bal-card-background-info:var(--bal-color-primary);--bal-card-background-success:var(--bal-color-success-2);--bal-card-background-warning:var(--bal-color-warning-2);--bal-card-background-danger:var(--bal-color-danger-2);--bal-card-background-grey:var(--bal-color-grey);--bal-card-background-red:var(--bal-color-red);--bal-card-background-yellow:var(--bal-color-yellow);--bal-card-background-purple:var(--bal-color-purple);--bal-card-background-green:var(--bal-color-green);--bal-card-background-red-light:var(--bal-color-red-1);--bal-card-background-yellow-light:var(--bal-color-yellow-1);--bal-card-background-purple-light:var(--bal-color-purple-1);--bal-card-background-green-light:var(--bal-color-green-1);--bal-card-background-grey-light:var(--bal-color-grey-1);--bal-card-background-purple-1:var(--bal-color-purple-1);--bal-card-background-purple-2:var(--bal-color-purple-2);--bal-card-background-purple-3:var(--bal-color-purple);--bal-card-background-green-1:var(--bal-color-green-1);--bal-card-background-green-2:var(--bal-color-green-2);--bal-card-background-green-3:var(--bal-color-green);--bal-card-background-red-1:var(--bal-color-red-1);--bal-card-background-red-2:var(--bal-color-red-2);--bal-card-background-red-3:var(--bal-color-red);--bal-card-background-yellow-1:var(--bal-color-yellow-1);--bal-card-background-yellow-2:var(--bal-color-yellow-2);--bal-card-background-yellow-3:var(--bal-color-yellow);--bal-card-selected-background:var(--bal-color-primary-2);--bal-card-radius:var(--bal-radius-large);--bal-card-square-radius:0;--bal-card-border:var(--bal-border-width-normal) dashed var(--bal-color-grey)}.bal-card{position:relative;display:block;background:var(--bal-card-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);border-radius:var(--bal-card-radius)}.bal-card--is-white{background:var(--bal-card-background-white)}.bal-card--is-blue{background:var(--bal-card-background-blue)}.bal-card--is-primary{background:var(--bal-card-background-primary)}.bal-card--is-info{background:var(--bal-card-background-info)}.bal-card--is-success{background:var(--bal-card-background-success)}.bal-card--is-warning{background:var(--bal-card-background-warning)}.bal-card--is-danger{background:var(--bal-card-background-danger)}.bal-card--is-grey{background:var(--bal-card-background-grey)}.bal-card--is-red{background:var(--bal-card-background-red)}.bal-card--is-yellow{background:var(--bal-card-background-yellow)}.bal-card--is-purple{background:var(--bal-card-background-purple)}.bal-card--is-green{background:var(--bal-card-background-green)}.bal-card--is-red-light{background:var(--bal-card-background-red-light)}.bal-card--is-yellow-light{background:var(--bal-card-background-yellow-light)}.bal-card--is-purple-light{background:var(--bal-card-background-purple-light)}.bal-card--is-green-light{background:var(--bal-card-background-green-light)}.bal-card--is-grey-light{background:var(--bal-card-background-grey-light)}.bal-card--is-purple-1{background:var(--bal-card-background-purple-1)}.bal-card--is-purple-2{background:var(--bal-card-background-purple-2)}.bal-card--is-purple-3{background:var(--bal-card-background-purple-3)}.bal-card--is-green-1{background:var(--bal-card-background-green-1)}.bal-card--is-green-2{background:var(--bal-card-background-green-2)}.bal-card--is-green-3{background:var(--bal-card-background-green-3)}.bal-card--is-red-1{background:var(--bal-card-background-red-1)}.bal-card--is-red-2{background:var(--bal-card-background-red-2)}.bal-card--is-red-3{background:var(--bal-card-background-red-3)}.bal-card--is-yellow-1{background:var(--bal-card-background-yellow-1)}.bal-card--is-yellow-2{background:var(--bal-card-background-yellow-2)}.bal-card--is-yellow-3{background:var(--bal-card-background-yellow-3)}.bal-card--has-fullheight,.bal-card--has-fullheight .bal-card-content,.bal-card--has-fullheight .bal-card-content>.is-flex{height:100%}.bal-card--has-border{border:var(--bal-card-border)}.bal-card--is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card--is-square{border-radius:var(--bal-card-square-radius)}.bal-card--is-selected{background:var(--bal-card-selected-background)}.bal-card--is-clickable{cursor:pointer;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out, -webkit-transform .15s ease-in-out}.bal-card--is-clickable:active,.bal-card--is-clickable:hover{-webkit-box-shadow:var(--bal-shadow-large);box-shadow:var(--bal-shadow-large);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-card>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card>bal-badge+bal-card-title,.bal-card>bal-badge+bal-card-content,.bal-card>bal-tag+bal-card-title,.bal-card>bal-tag+bal-card-content,.bal-card>bal-card-title+bal-card-content,.bal-card>bal-card-subtitle+bal-card-content,.bal-card>bal-card-actions,.bal-card>bal-card-button{padding-top:1.5rem}.bal-card>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card bal-card-title,.bal-card bal-card-subtitle,.bal-card bal-card-content,.bal-card bal-card-actions,.bal-card bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 769px),print{.bal-card--is-small>:not(bal-badge):not(bal-tag):first-child{padding-top:1rem}.bal-card--is-small>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1rem}.bal-card--is-small>bal-badge+bal-card-title,.bal-card--is-small>bal-badge+bal-card-content,.bal-card--is-small>bal-tag+bal-card-title,.bal-card--is-small>bal-tag+bal-card-content,.bal-card--is-small>bal-card-title+bal-card-content,.bal-card--is-small>bal-card-subtitle+bal-card-content,.bal-card--is-small>bal-card-actions,.bal-card--is-small>bal-card-button{padding-top:1rem}.bal-card--is-small>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-small bal-card-title,.bal-card--is-small bal-card-subtitle,.bal-card--is-small bal-card-content,.bal-card--is-small bal-card-actions,.bal-card--is-small bal-card-button{padding-left:1rem;padding-right:1rem}}@media screen and (min-width: 769px),print{.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:1.5rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:1.5rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:1.5rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width: 1024px){.bal-card--is-medium>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-medium>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-medium>bal-badge+bal-card-title,.bal-card--is-medium>bal-badge+bal-card-content,.bal-card--is-medium>bal-tag+bal-card-title,.bal-card--is-medium>bal-tag+bal-card-content,.bal-card--is-medium>bal-card-title+bal-card-content,.bal-card--is-medium>bal-card-subtitle+bal-card-content,.bal-card--is-medium>bal-card-actions,.bal-card--is-medium>bal-card-button{padding-top:2rem}.bal-card--is-medium>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-medium bal-card-title,.bal-card--is-medium bal-card-subtitle,.bal-card--is-medium bal-card-content,.bal-card--is-medium bal-card-actions,.bal-card--is-medium bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 769px),print{.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:2rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:2rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:2rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 1024px){.bal-card--is-large>:not(bal-badge):not(bal-tag):first-child{padding-top:4rem}.bal-card--is-large>:not(bal-badge):not(bal-tag):last-child{padding-bottom:4rem}.bal-card--is-large>bal-badge+bal-card-title,.bal-card--is-large>bal-badge+bal-card-content,.bal-card--is-large>bal-tag+bal-card-title,.bal-card--is-large>bal-tag+bal-card-content,.bal-card--is-large>bal-card-title+bal-card-content,.bal-card--is-large>bal-card-subtitle+bal-card-content,.bal-card--is-large>bal-card-actions,.bal-card--is-large>bal-card-button{padding-top:4rem}.bal-card--is-large>.bal-accordion--card-v1{padding-bottom:0 !important}.bal-card--is-large bal-card-title,.bal-card--is-large bal-card-subtitle,.bal-card--is-large bal-card-content,.bal-card--is-large bal-card-actions,.bal-card--is-large bal-card-button{padding-left:4rem;padding-right:4rem}}.bal-card>.bal-tag{position:absolute;left:1rem;top:-1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag{left:1.5rem}}.bal-card>.bal-tag--is-left{left:1rem}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-left{left:1.5rem}}.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 1024px){.bal-card>.bal-tag--is-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.bal-card-title{display:block;position:static}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:.5rem}@media screen and (min-width: 769px),print{.bal-card-title .bal-heading h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-card-title .title,.bal-card-title .bal-heading__text{display:-ms-flexbox;display:flex}.bal-card-title .title .bal-tag-group,.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-tag-group,.bal-card-title .bal-heading__text .bal-button-group{margin-top:0;margin-left:.5rem;display:-ms-inline-flexbox;display:inline-flex}.bal-card-title .title .bal-tag-group .bal-tag,.bal-card-title .bal-heading__text .bal-tag-group .bal-tag{margin-top:.125rem}.bal-card-title .title .bal-button-group,.bal-card-title .bal-heading__text .bal-button-group{-ms-flex:1;flex:1}}.bal-card-subtitle{display:block;position:static}.bal-card-content{display:block;position:static;word-break:break-word;text-align:left;font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-card-actions{display:block;position:static}.bal-card-button{display:block;position:static}.column bal-card.has-height-auto,.column bal-card.has-height-auto bal-card-content,.column bal-card.has-height-auto bal-card-content>.is-flex{height:100%}";var BalCardStyle0=balCardCss;var Card=function(){function a(a){registerInstance(this,a);this.border=false;this.flat=false;this.square=false;this.inverted=false;this.clickable=false;this.selected=false;this.fullheight=false;this.space="";this.color="white"}Object.defineProperty(a.prototype,"colorTypeClass",{get:function(){return isEmpty(this.color)?"":"is-".concat(this.inverted?"blue":this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a;return h(Host,{key:"7bc59c101e875eedda1f209d3eb2442ac00b4df5",class:(a={"bal-card":true},a["bal-card--".concat(this.colorTypeClass)]=!isEmpty(this.color),a["bal-card--is-".concat(this.space)]=this.space!=="",a["bal-card--has-border"]=this.border,a["bal-card--is-flat"]=this.flat,a["bal-card--is-clickable"]=this.clickable,a["bal-card--is-selected"]=this.selected,a["bal-card--is-square"]=this.square,a["bal-card--has-fullheight"]=this.fullheight,a)},h("slot",{key:"577a43d779ac88042185e9bf5d3eb61f663cebad"}))};return a}();Card.style=BalCardStyle0;var CardActions=function(){function a(a){registerInstance(this,a);this.position=""}a.prototype.render=function(){return h(Host,{key:"78f85e69ecf9184127533a57f8fb53793bf7f49e",class:"bal-card-actions"},h("bal-button-group",{key:"bee1def05a211bffb60f76b69a32cbd9e6d1a536",class:"m-none",position:this.position},h("slot",{key:"d62d486907ed3ef8bcd888464a0ddb32f2dfdcd3"})))};return a}();var CardButton=function(){function a(a){registerInstance(this,a);this.icon="";this.elementType="button";this.disabled=false;this.href=undefined;this.target="_self";this.iconRight="";this.loading=false}a.prototype.render=function(){return h(Host,{key:"a9a6233b6262d6160868017fd254d5a6ad2612ae",class:"bal-card-button"},h("bal-button",{key:"b7a5317e53b75f8d8bb4bbb8dd6ef56325c6676b",color:"info",expanded:true,"bottom-rounded":true,icon:this.icon,iconRight:this.iconRight,elementType:this.elementType,disabled:this.disabled,href:this.href,target:this.target,loading:this.loading},h("slot",{key:"9461aa5ace6d22d8c7dd6eff5495dfc4e3232506"})))};return a}();var CardContent=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"3d9b2511b8743f33efeb25ae05691964b938cbcc",class:"bal-card-content"},h("slot",{key:"2085fa6085da72981d7a5fb86eca8979b8d84076"}))};return a}();var CardSubtitle=function(){function a(a){registerInstance(this,a);this.inverted=false;this.bold=false;this.color=""}a.prototype.render=function(){return h(Host,{key:"3c1cf2160f9cca6e5d9b2ce60069a23bedcb590a",class:"bal-card-subtitle"},h("bal-text",{key:"22fab503a09f822fe30a6e06340312c3c080b6a4",bold:this.bold,space:"none",color:this.inverted?"white":this.color},h("slot",{key:"bb28c8fcbfec3ba10184721940a453b22b2b8865"})))};return a}();var CardTitle=function(){function a(a){registerInstance(this,a);this.inverted=false}a.prototype.render=function(){return h(Host,{key:"7e5021e2cf281b237676f401ca3109a6988b8edc",class:"bal-card-title"},h("bal-heading",{key:"b1a0badb897ba81b3fc25367cdd2155ee5bb7b43",level:"h3",space:"none",inverted:this.inverted},h("slot",{key:"8765c2c2485f4f1a885278070328136ec1402b1a"})))};return a}();export{Card as bal_card,CardActions as bal_card_actions,CardButton as bal_card_button,CardContent as bal_card_content,CardSubtitle as bal_card_subtitle,CardTitle as bal_card_title};
package/dist/esm-es5/bal-carousel_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-3ab19881.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{j as debounce,l as rLCP,n as raf,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-f94354b6.js";import{g as getComputedWidth}from"./style-ca1bd202.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToSwipe}from"./swipe.decorator-56b6d574.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{b as balBreakpoints}from"./breakpoints.subject-9d4798ac.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./swipe.subject-683f7c7b.js";import"./device-8c6d2881.js";import"./tokens.esm-c10e9c85.js";import"./log-dfd1c19f.js";var TabControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",null,r.map((function(t){return h("bal-button",{"aria-controls":a,key:t.value,expanded:true,color:e===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var DotControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");var s=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=r.length){e=r.length-1}i(r[e])};return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:s}))};var LargeControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.areControlsHidden,o=t.onNextClick,n=t.onPreviousClick,s=t.containerId,l=t.leftControlTitle,c=t.rightControlTitle;var u=BEM.block("carousel");var d=u.element("controls");var b=d.element("button");return h("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e&&i)),"aria-controls":s,square:true,icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return n()},disabled:e,"aria-hidden":e&&i?"true":null,"data-testid":"bal-carousel-control-left",title:l}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r&&i)),"aria-controls":s,square:true,icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return o()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-right",title:c}))};var SmallControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,n=t.containerId,s=t.onNextClick,l=t.onPreviousClick;var c=BEM.block("carousel");var u=c.element("controls");var d=u.element("button");return h("div",{class:Object.assign(Object.assign({},u.class()),u.modifier("small").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":n,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return l()},disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":n,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return s()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var i18nControlLabel={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"}};var balCarouselCss=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var BalCarouselStyle0=balCarouselCss;var Carousel=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(CarouselIds++);this.carouselContainerId="bal-carousel-".concat(CarouselIds++,"-container");this.mutationObserverActive=true;this.itemsChanged=debounce((function(){return e.itemsChangedInternal()}),100);this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLargestContentfulPaintDone=false;this.isLastSlideVisible=true;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){stopEventBubbling(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a;if(t===void 0){t=this.steps}return __generator(this,(function(i){switch(i.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=i.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=i.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}i.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a,i,o;if(t===void 0){t=this.steps}return __generator(this,(function(n){switch(n.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:i=n.sent();if(!i)return[3,3];return[4,this.animate(i.transformActive,true)];case 2:o=n.sent();if(o||this.value!==a){this.value=a;this.balChange.emit(this.value)}n.label=3;case 3:return[2,i]}}))}))};t.prototype.animate=function(){return __awaiter(this,arguments,void 0,(function(t,e){var r=this;if(t===void 0){t=0}if(e===void 0){e=true}return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=raf((function(){return __awaiter(r,void 0,void 0,(function(){var r,i,o,n,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){i=this.innerEl.clientWidth||0;o=r.transformNext||0;n=o<=i;s=o-i;l=s<=t;if(this.itemsPerView===3){s=o-i-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=n?0:l?s:t;if(!c&&!n&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=o.sent();i=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChangedInternal=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,2];return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}e.label=2;case 2:return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("inner");var a=r.element("container");var i=i18nControlLabel[this.language].left;var o=i18nControlLabel[this.language].right;var n=this.getAllControlItems();return h(Host,{key:"b43c7c7436f2d59d06c1484d4b99a92f0a6dc063",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(this.interface!=="")),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier("controls-".concat(this.controls)).class())},this.isLargestContentfulPaintDone&&this.controls==="tabs"?h(TabControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",h("div",{key:"b5ec62ae47a0bca2cc111f6a584286bf38bc02d3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("items-per-view-".concat(this.itemsPerView)).class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},h("div",{key:"001a2a761091891c94fe38110726fc2ddf945f09",role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},h("slot",{key:"8c85141f517da84c238170769b38e3f79f938579"}),this.border?h("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.isLargestContentfulPaintDone&&this.controls==="dots"?h(DotControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.isLargestContentfulPaintDone&&this.controls==="large"?h(LargeControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.isLargestContentfulPaintDone&&this.controls==="small"?h(SmallControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);var CarouselIds=0;Carousel.style=BalCarouselStyle0;var CarouselItem=function(){function t(t){var e=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.isLargestContentfulPaintDone=false;this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,waitAfterFramePaint()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("item");var a=!!this.color&&!!this.label;if(!a){return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var i=r.element("button");var o=i.element("image");var n=i.element("label");var s=this,l=s.elementType,c=s.download,u=s.href,d=s.rel,b=s.target,f=s.name,m=s.value;var _=this.href===undefined?"button":"a";var p=_==="button"?{type:l,name:f,value:m}:{download:c,href:u,rel:d,target:b};return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},h(_,Object.assign({},p,{class:Object.assign(Object.assign({},i.class()),i.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},o.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?h("span",{class:Object.assign({},n.class())},this.label):"",h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
1
+ import{__awaiter,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{j as debounce,l as rLCP,n as raf,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-9981606e.js";import{g as getComputedWidth}from"./style-ca1bd202.js";import{L as ListenTo}from"./listen-d1712e70.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToSwipe}from"./swipe.decorator-56b6d574.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{b as balBreakpoints}from"./breakpoints.subject-ae98d0fa.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./swipe.subject-683f7c7b.js";import"./device-8c6d2881.js";import"./tokens.esm-ed9fb455.js";import"./log-dfd1c19f.js";var TabControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",null,r.map((function(t){return h("bal-button",{"aria-controls":a,key:t.value,expanded:true,color:e===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var DotControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");var s=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=r.length){e=r.length-1}i(r[e])};return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:s}))};var LargeControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.areControlsHidden,o=t.onNextClick,n=t.onPreviousClick,s=t.containerId,l=t.leftControlTitle,c=t.rightControlTitle;var u=BEM.block("carousel");var d=u.element("controls");var b=d.element("button");return h("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e&&i)),"aria-controls":s,square:true,icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return n()},disabled:e,"aria-hidden":e&&i?"true":null,"data-testid":"bal-carousel-control-left",title:l}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r&&i)),"aria-controls":s,square:true,icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return o()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-right",title:c}))};var SmallControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,n=t.containerId,s=t.onNextClick,l=t.onPreviousClick;var c=BEM.block("carousel");var u=c.element("controls");var d=u.element("button");return h("div",{class:Object.assign(Object.assign({},u.class()),u.modifier("small").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":n,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return l()},disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":n,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return s()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var i18nControlLabel={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"}};var balCarouselCss=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var BalCarouselStyle0=balCarouselCss;var Carousel=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(CarouselIds++);this.carouselContainerId="bal-carousel-".concat(CarouselIds++,"-container");this.mutationObserverActive=true;this.itemsChanged=debounce((function(){return e.itemsChangedInternal()}),100);this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLargestContentfulPaintDone=false;this.isLastSlideVisible=true;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){stopEventBubbling(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a;if(t===void 0){t=this.steps}return __generator(this,(function(i){switch(i.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=i.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=i.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}i.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a,i,o;if(t===void 0){t=this.steps}return __generator(this,(function(n){switch(n.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:i=n.sent();if(!i)return[3,3];return[4,this.animate(i.transformActive,true)];case 2:o=n.sent();if(o||this.value!==a){this.value=a;this.balChange.emit(this.value)}n.label=3;case 3:return[2,i]}}))}))};t.prototype.animate=function(){return __awaiter(this,arguments,void 0,(function(t,e){var r=this;if(t===void 0){t=0}if(e===void 0){e=true}return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=raf((function(){return __awaiter(r,void 0,void 0,(function(){var r,i,o,n,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){i=this.innerEl.clientWidth||0;o=r.transformNext||0;n=o<=i;s=o-i;l=s<=t;if(this.itemsPerView===3){s=o-i-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=n?0:l?s:t;if(!c&&!n&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=o.sent();i=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChangedInternal=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,2];return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}e.label=2;case 2:return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("inner");var a=r.element("container");var i=i18nControlLabel[this.language].left;var o=i18nControlLabel[this.language].right;var n=this.getAllControlItems();return h(Host,{key:"8f136f31e2fe4fb99703fdd2a5974697cea659b7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(this.interface!=="")),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier("controls-".concat(this.controls)).class())},this.isLargestContentfulPaintDone&&this.controls==="tabs"?h(TabControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",h("div",{key:"76e644a3db07b7aeae2a599b560903a24312cb6b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("items-per-view-".concat(this.itemsPerView)).class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},h("div",{key:"8040a1b67deccfa135bda7c1b3cef5b05492ad19",role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},h("slot",{key:"855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326"}),this.border?h("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.isLargestContentfulPaintDone&&this.controls==="dots"?h(DotControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.isLargestContentfulPaintDone&&this.controls==="large"?h(LargeControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.isLargestContentfulPaintDone&&this.controls==="small"?h(SmallControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([ListenTo("touchmove",{target:"window",passive:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"blockVerticalScrolling",null);__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Carousel.prototype,"listenToKeyDown",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);var CarouselIds=0;Carousel.style=BalCarouselStyle0;var CarouselItem=function(){function t(t){var e=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.isLargestContentfulPaintDone=false;this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,waitAfterFramePaint()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("item");var a=!!this.color&&!!this.label;if(!a){return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var i=r.element("button");var o=i.element("image");var n=i.element("label");var s=this,l=s.elementType,c=s.download,u=s.href,d=s.rel,b=s.target,f=s.name,_=s.value;var m=this.href===undefined?"button":"a";var p=m==="button"?{type:l,name:f,value:_}:{download:c,href:u,rel:d,target:b};return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},h(m,Object.assign({},p,{class:Object.assign(Object.assign({},i.class()),i.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},o.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?h("span",{class:Object.assign({},n.class())},this.label):"",h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
package/dist/esm-es5/bal-checkbox-button.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-3ab19881.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{i as isDescendant}from"./helpers-72ae7307.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-0f2107d8.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balCheckboxButtonCss="@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 BalCheckboxButtonStyle0=balCheckboxButtonCss;var CheckboxButton=function(){function e(e){var a=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(a.disabled||a.readonly){return stopEventBubbling(e)}var o=e.target;if(o&&o.href){return}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(r&&c){var b=c===r||isDescendant(r,c);if(!b){stopEventBubbling(e);r.click()}}};this.onFocus=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(a.keyboardMode){a.focused=true}if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{a.balFocus.emit()}};this.onBlur=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;a.focused=false;if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{a.balBlur.emit()}};this.onPointerDown=function(){return a.keyboardMode=false};this.onKeydown=function(e){return a.keyboardMode=FOCUS_KEYS.includes(e.key)};this.interactionState=BalElementStateListener.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(a){a.hovered=e.hovered;a.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(a){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,a){var o=this[e];if(o!==undefined){this.notifyComponents(a,(function(a){return a[e]=o}))}};e.prototype.notifyComponents=function(e,a){var o=this.el.querySelectorAll(e.join(", "));o.forEach((function(e){return a(e)}))};e.prototype.render=function(){var e=BEM.block("checkbox-button");var a=!!this.disabled||!!this.readonly;var o=!!this.invalid;var r=!!this.color;var c=this.checked&&r;return h(Host,{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},h("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(a)),e.element("native").modifier("invalid").class(o)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(c)),e.element("native").modifier("color-".concat(this.color)).class(r)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"elementStateListener",null);CheckboxButton.style=BalCheckboxButtonStyle0;export{CheckboxButton as bal_checkbox_button};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as Logger}from"./log-dfd1c19f.js";import{F as FOCUS_KEYS}from"./focus-visible-f0cdd043.js";import{i as isDescendant}from"./helpers-72ae7307.js";import{B as BalElementStateListener,L as ListenToElementStates}from"./element-states.decorator-0f2107d8.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";var balCheckboxButtonCss="@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 BalCheckboxButtonStyle0=balCheckboxButtonCss;var CheckboxButton=function(){function e(e){var a=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.balFormControlDidLoad=createEvent(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(a.disabled||a.readonly){return stopEventBubbling(e)}var o=e.target;if(o&&o.href){return}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(r&&c){var b=c===r||isDescendant(r,c);if(!b){stopEventBubbling(e);r.click()}}};this.onFocus=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;if(a.keyboardMode){a.focused=true}if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{a.balFocus.emit()}};this.onBlur=function(e){var o;if(a.disabled||a.readonly){return stopEventBubbling(e)}var r=a.el.querySelector("bal-checkbox");var c=e.target;a.focused=false;if(r&&c){var b=c===r||isDescendant(r,c);if(b){stopEventBubbling(e);(o=r.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{a.balBlur.emit()}};this.onPointerDown=function(){return a.keyboardMode=false};this.onKeydown=function(e){return a.keyboardMode=FOCUS_KEYS.includes(e.key)};this.interactionState=BalElementStateListener.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(a){a.hovered=e.hovered;a.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(a){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,a){var o=this[e];if(o!==undefined){this.notifyComponents(a,(function(a){return a[e]=o}))}};e.prototype.notifyComponents=function(e,a){var o=this.el.querySelectorAll(e.join(", "));o.forEach((function(e){return a(e)}))};e.prototype.render=function(){var e=BEM.block("checkbox-button");var a=!!this.disabled||!!this.readonly;var o=!!this.invalid;var r=!!this.color;var c=this.checked&&r;return h(Host,{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},h("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(a)),e.element("native").modifier("invalid").class(o)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(c)),e.element("native").modifier("color-".concat(this.color)).class(r)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},h("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-checkbox-button"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],CheckboxButton.prototype,"elementStateListener",null);CheckboxButton.style=BalCheckboxButtonStyle0;export{CheckboxButton as bal_checkbox_button};