@baloise/ds-core 16.5.0 → 16.5.1-nightly.20240926

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 (314) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-app.js +1 -85
  4. package/components/bal-app2.js +87 -0
  5. package/components/bal-doc-app.d.ts +11 -0
  6. package/components/bal-doc-app.js +260 -0
  7. package/components/bal-field.js +3 -0
  8. package/components/bal-input-date2.js +2 -3
  9. package/components/bal-input.js +1 -1
  10. package/components/bal-number-input.js +1 -1
  11. package/components/bal-segment-item.js +64 -47
  12. package/components/bal-segment.js +61 -17
  13. package/components/bal-textarea.js +1 -1
  14. package/components/bal-time-input.js +1 -1
  15. package/components/form-input.js +14 -1
  16. package/components/index.js +5 -289
  17. package/components/initialize.js +288 -0
  18. package/components/tokens.esm.js +1 -1
  19. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  20. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  21. package/dist/baloise-design-system/index.esm.js +1 -1
  22. package/dist/baloise-design-system/{p-dd30661db2.system.entry.js → p-00014af866.system.entry.js} +1 -1
  23. package/dist/baloise-design-system/{p-5fae3f5478.entry.js → p-0274db4d06.entry.js} +1 -1
  24. package/dist/baloise-design-system/p-0b42243313.entry.js +1 -0
  25. package/dist/baloise-design-system/{p-9bb8778cdc.system.entry.js → p-10c13a369c.system.entry.js} +1 -1
  26. package/dist/baloise-design-system/{p-305cffd8aa.entry.js → p-10dbc94ea7.entry.js} +1 -1
  27. package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
  28. package/dist/baloise-design-system/p-15c5fe4d6d.system.entry.js +1 -0
  29. package/dist/baloise-design-system/{p-cda868a6a5.entry.js → p-16b50b08e4.entry.js} +1 -1
  30. package/dist/baloise-design-system/p-1a7e7bf9.js +1 -0
  31. package/dist/baloise-design-system/{p-fb0af77320.system.entry.js → p-2521f5a782.system.entry.js} +1 -1
  32. package/dist/baloise-design-system/{p-23b7426d09.system.entry.js → p-26eb228c12.system.entry.js} +1 -1
  33. package/dist/baloise-design-system/{p-0530e008e9.system.entry.js → p-2aa4f352d9.system.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-f03e63bd1e.system.entry.js → p-2d1dcf202f.system.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-8080a1192c.system.entry.js → p-2e498736fc.system.entry.js} +1 -1
  36. package/dist/baloise-design-system/{p-6e3a79cce0.system.entry.js → p-2e8508812d.system.entry.js} +1 -1
  37. package/dist/baloise-design-system/{p-f798011b48.system.entry.js → p-2ea7550d1b.system.entry.js} +1 -1
  38. package/dist/baloise-design-system/{p-380aabd5bc.entry.js → p-30137cfde9.entry.js} +1 -1
  39. package/dist/baloise-design-system/p-360068a4.system.js +1 -0
  40. package/dist/baloise-design-system/{p-e187b9de.system.js → p-368bd6ac.system.js} +1 -1
  41. package/dist/baloise-design-system/{p-e1ccb7023c.system.entry.js → p-3dd013f6d8.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/p-449ffc7a7e.entry.js +1 -0
  43. package/dist/baloise-design-system/{p-372474e989.system.entry.js → p-462360a4e7.system.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-0ab43941ba.entry.js → p-462b20f382.entry.js} +1 -1
  45. package/dist/baloise-design-system/{p-0fb6cbda.system.js → p-47d10de7.system.js} +1 -1
  46. package/dist/baloise-design-system/{p-9f54cac588.system.entry.js → p-488eaa2f47.system.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-39bf8adcde.entry.js → p-4a3ee1b73e.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-f5940253.js → p-4ae121b6.js} +1 -1
  49. package/dist/baloise-design-system/{p-190b5cd469.entry.js → p-4b1acb002e.entry.js} +1 -1
  50. package/dist/baloise-design-system/p-4f083c5352.entry.js +1 -0
  51. package/dist/baloise-design-system/p-4ff656dd48.entry.js +1 -0
  52. package/dist/baloise-design-system/p-54f81c32.js +1 -1
  53. package/dist/baloise-design-system/{p-4809d5c4.system.js → p-55f03bbf.system.js} +1 -1
  54. package/dist/baloise-design-system/{p-f62d0ccdd1.system.entry.js → p-5a2cf9fc3b.system.entry.js} +1 -1
  55. package/dist/baloise-design-system/{p-e137e273b7.system.entry.js → p-5b5d1c626d.system.entry.js} +1 -1
  56. package/dist/baloise-design-system/{p-71588db3.system.js → p-5c0b0099.system.js} +1 -1
  57. package/dist/baloise-design-system/p-5eea92a09a.entry.js +1 -0
  58. package/dist/baloise-design-system/{p-d3fabdb142.system.entry.js → p-60e74d3515.system.entry.js} +1 -1
  59. package/dist/baloise-design-system/p-6139ff78d7.system.entry.js +1 -0
  60. package/dist/baloise-design-system/{p-47a8ad4d7a.system.entry.js → p-619afa0ba5.system.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-4192ad4350.entry.js → p-63c685b62d.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-77350b27fc.entry.js → p-648814edf8.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-2905abdfb8.entry.js → p-663cc3242c.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-3befc6f9.system.js → p-67406f20.system.js} +1 -1
  65. package/dist/baloise-design-system/{p-09ea5913.js → p-68c78b6c.js} +1 -1
  66. package/dist/baloise-design-system/p-6b4b2a2561.system.entry.js +1 -0
  67. package/dist/baloise-design-system/p-6d1b6215.js +1 -0
  68. package/dist/baloise-design-system/{p-2db4ff4c5b.entry.js → p-6f18ca5500.entry.js} +1 -1
  69. package/dist/baloise-design-system/p-7100b8328f.entry.js +1 -0
  70. package/dist/baloise-design-system/p-7291766c.system.js +1 -0
  71. package/dist/baloise-design-system/{p-12bb6ea3e7.system.entry.js → p-760797ae02.system.entry.js} +1 -1
  72. package/dist/baloise-design-system/p-7957c3c0.system.js +1 -0
  73. package/dist/baloise-design-system/p-7cc52e4a3b.system.entry.js +1 -0
  74. package/dist/baloise-design-system/{p-8e17b76e7c.system.entry.js → p-7d2709b193.system.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-a7e5ee75e2.entry.js → p-82333c3ce3.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-bcb892a723.system.entry.js → p-82afff07ac.system.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-488c4a8ce1.entry.js → p-83c70a6b53.entry.js} +1 -1
  78. package/dist/baloise-design-system/{p-3801afd625.entry.js → p-898f31f219.entry.js} +1 -1
  79. package/dist/baloise-design-system/{p-9658f4a66f.entry.js → p-898f7862e4.entry.js} +1 -1
  80. package/dist/baloise-design-system/p-8f89168b60.system.entry.js +1 -0
  81. package/dist/baloise-design-system/{p-3818fa189f.system.entry.js → p-959fc8c170.system.entry.js} +1 -1
  82. package/dist/baloise-design-system/{p-445d2e1c70.system.entry.js → p-95f2245743.system.entry.js} +1 -1
  83. package/dist/baloise-design-system/{p-ecab0d67d5.entry.js → p-9f5eda0e22.entry.js} +1 -1
  84. package/dist/baloise-design-system/{p-4fe64c3ec6.system.entry.js → p-9f5fe6c3cf.system.entry.js} +1 -1
  85. package/dist/baloise-design-system/p-a751b96bf7.system.entry.js +1 -0
  86. package/dist/baloise-design-system/{p-88eb14fd.system.js → p-ac609e14.system.js} +1 -1
  87. package/dist/baloise-design-system/{p-c0153f8edf.system.entry.js → p-ac6d5570d8.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-df40272425.system.entry.js → p-af95453fac.system.entry.js} +1 -1
  89. package/dist/baloise-design-system/{p-bee13e834e.entry.js → p-b4c5b5e53f.entry.js} +1 -1
  90. package/dist/baloise-design-system/{p-3eb68d7e.js → p-b6168a6c.js} +1 -1
  91. package/dist/baloise-design-system/{p-853fe65e14.system.entry.js → p-b7ceb9e59e.system.entry.js} +1 -1
  92. package/dist/baloise-design-system/{p-caec1f9e.js → p-b7cef472.js} +1 -1
  93. package/dist/baloise-design-system/{p-8f77c423ad.entry.js → p-be366c8428.entry.js} +1 -1
  94. package/dist/baloise-design-system/{p-cafe624e35.entry.js → p-c00e0f64c8.entry.js} +1 -1
  95. package/dist/baloise-design-system/{p-6c2bf02eb3.entry.js → p-c442bb2db2.entry.js} +1 -1
  96. package/dist/baloise-design-system/{p-a5ee486a2b.entry.js → p-c4e11d3813.entry.js} +1 -1
  97. package/dist/baloise-design-system/{p-420d88737c.entry.js → p-c539ee8edf.entry.js} +1 -1
  98. package/dist/baloise-design-system/{p-7c7e593e07.entry.js → p-c7338c255f.entry.js} +1 -1
  99. package/dist/baloise-design-system/{p-d7d6937d59.system.entry.js → p-cc53d4eeea.system.entry.js} +1 -1
  100. package/dist/baloise-design-system/{p-0639833837.system.entry.js → p-d800ecde35.system.entry.js} +1 -1
  101. package/dist/baloise-design-system/{p-ad9a7657.js → p-de08fd27.js} +1 -1
  102. package/dist/baloise-design-system/{p-d1b16f9cc2.entry.js → p-dec8453a4d.entry.js} +1 -1
  103. package/dist/baloise-design-system/p-e45eb6121d.system.entry.js +1 -0
  104. package/dist/baloise-design-system/{p-ef916aafa5.entry.js → p-e6162b978e.entry.js} +1 -1
  105. package/dist/baloise-design-system/{p-d059465399.system.entry.js → p-e7bcca66c5.system.entry.js} +1 -1
  106. package/dist/baloise-design-system/p-e833841822.entry.js +1 -0
  107. package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
  108. package/dist/baloise-design-system/{p-1659bb968c.system.entry.js → p-f00b5e9fa4.system.entry.js} +1 -1
  109. package/dist/baloise-design-system/{p-f819d47031.entry.js → p-f130c19cb3.entry.js} +1 -1
  110. package/dist/baloise-design-system/p-f22c8e0c59.entry.js +1 -0
  111. package/dist/baloise-design-system/{p-407ffd9c55.entry.js → p-f34bc9cf3a.entry.js} +1 -1
  112. package/dist/baloise-design-system/{p-7c586fb89f.entry.js → p-f82985a715.entry.js} +1 -1
  113. package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
  114. package/dist/baloise-design-system/{p-b8251b8f68.system.entry.js → p-fad86a959d.system.entry.js} +1 -1
  115. package/dist/baloise-design-system/{p-2cd1f1dedb.entry.js → p-fb1fe4d2df.entry.js} +1 -1
  116. package/dist/cjs/app-globals-5fd73c0c.js +7 -0
  117. package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
  118. package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
  119. package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
  120. package/dist/cjs/bal-checkbox_2.cjs.entry.js +1 -1
  121. package/dist/cjs/bal-content.cjs.entry.js +56 -0
  122. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +1 -1
  123. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +2 -3
  124. package/dist/cjs/bal-date.cjs.entry.js +1 -1
  125. package/dist/cjs/bal-datepicker.cjs.entry.js +4 -4
  126. package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
  127. package/dist/cjs/bal-dropdown.cjs.entry.js +1 -1
  128. package/dist/cjs/bal-field_5.cjs.entry.js +3 -0
  129. package/dist/cjs/bal-file-upload.cjs.entry.js +1 -1
  130. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  131. package/dist/cjs/{bal-popover_2.cjs.entry.js → bal-hint_5.cjs.entry.js} +172 -3
  132. package/dist/cjs/bal-input-slider.cjs.entry.js +1 -1
  133. package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
  134. package/dist/cjs/bal-input.cjs.entry.js +1 -1
  135. package/dist/cjs/{bal-content_2.cjs.entry.js → bal-label.cjs.entry.js} +0 -46
  136. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  137. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  138. package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
  139. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  140. package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
  141. package/dist/cjs/bal-option_2.cjs.entry.js +1 -1
  142. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  143. package/dist/cjs/bal-popup.cjs.entry.js +1 -1
  144. package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
  145. package/dist/cjs/bal-radio-button.cjs.entry.js +1 -1
  146. package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
  147. package/dist/cjs/bal-segment_2.cjs.entry.js +516 -0
  148. package/dist/cjs/bal-select_2.cjs.entry.js +1 -1
  149. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  150. package/dist/cjs/bal-steps.cjs.entry.js +4 -4
  151. package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
  152. package/dist/cjs/bal-textarea.cjs.entry.js +1 -1
  153. package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
  154. package/dist/cjs/baloise-design-system.cjs.js +3 -2
  155. package/dist/cjs/{breakpoints.decorator-a4a5bd7a.js → breakpoints.decorator-5e372abd.js} +1 -1
  156. package/dist/cjs/{breakpoints.subject-fbf85930.js → breakpoints.subject-9687815b.js} +1 -1
  157. package/dist/cjs/{form-input-134c5116.js → form-input-b61eb894.js} +14 -0
  158. package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
  159. package/dist/cjs/index.cjs.js +2 -2
  160. package/dist/cjs/initialize-2a19d091.js +1 -1
  161. package/dist/cjs/loader.cjs.js +3 -2
  162. package/dist/cjs/{tokens.esm-aa4bb7f7.js → tokens.esm-7c21fa77.js} +1 -1
  163. package/dist/cjs/{window-resize.decorator-c7a521b0.js → window-resize.decorator-8f74d458.js} +1 -1
  164. package/dist/collection/collection-manifest.json +17 -14
  165. package/dist/collection/components/bal-field/bal-field.js +3 -0
  166. package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +92 -69
  167. package/dist/collection/components/bal-segment/bal-segment.js +115 -19
  168. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  169. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
  170. package/dist/collection/utils/constants/version.constant.js +1 -1
  171. package/dist/collection/utils/form-input.js +13 -0
  172. package/dist/collection/utils/form-input.spec.js +30 -0
  173. package/dist/collection/utils/mask/context/mask-context.js +2 -2
  174. package/dist/esm/app-globals-970bab17.js +5 -0
  175. package/dist/esm/bal-accordion_4.entry.js +2 -2
  176. package/dist/esm/bal-carousel_2.entry.js +4 -4
  177. package/dist/esm/bal-checkbox-button.entry.js +1 -1
  178. package/dist/esm/bal-checkbox_2.entry.js +2 -2
  179. package/dist/esm/bal-content.entry.js +52 -0
  180. package/dist/esm/bal-date-calendar-cell.entry.js +1 -1
  181. package/dist/esm/bal-date-calendar_2.entry.js +4 -5
  182. package/dist/esm/bal-date.entry.js +3 -3
  183. package/dist/esm/bal-datepicker.entry.js +5 -5
  184. package/dist/esm/bal-doc-app.entry.js +227 -0
  185. package/dist/esm/bal-dropdown.entry.js +2 -2
  186. package/dist/esm/bal-field_5.entry.js +3 -0
  187. package/dist/esm/bal-file-upload.entry.js +2 -2
  188. package/dist/esm/bal-footer.entry.js +2 -2
  189. package/dist/esm/{bal-popover_2.entry.js → bal-hint_5.entry.js} +171 -5
  190. package/dist/esm/bal-input-slider.entry.js +1 -1
  191. package/dist/esm/bal-input-stepper.entry.js +2 -2
  192. package/dist/esm/bal-input.entry.js +1 -1
  193. package/dist/esm/{bal-content_2.entry.js → bal-label.entry.js} +1 -46
  194. package/dist/esm/bal-list_8.entry.js +4 -4
  195. package/dist/esm/bal-logo.entry.js +3 -3
  196. package/dist/esm/bal-nav_8.entry.js +3 -3
  197. package/dist/esm/bal-navbar_5.entry.js +3 -3
  198. package/dist/esm/bal-number-input.entry.js +2 -2
  199. package/dist/esm/bal-option_2.entry.js +1 -1
  200. package/dist/esm/bal-pagination.entry.js +3 -3
  201. package/dist/esm/bal-popup.entry.js +2 -2
  202. package/dist/esm/bal-progress-bar.entry.js +5 -5
  203. package/dist/esm/bal-radio-button.entry.js +1 -1
  204. package/dist/esm/bal-radio_2.entry.js +2 -2
  205. package/dist/esm/bal-segment_2.entry.js +511 -0
  206. package/dist/esm/bal-select_2.entry.js +2 -2
  207. package/dist/esm/bal-shape.entry.js +1 -1
  208. package/dist/esm/bal-steps.entry.js +5 -5
  209. package/dist/esm/bal-tab-item_2.entry.js +5 -5
  210. package/dist/esm/bal-textarea.entry.js +1 -1
  211. package/dist/esm/bal-time-input.entry.js +1 -1
  212. package/dist/esm/baloise-design-system.js +3 -2
  213. package/dist/esm/{breakpoints.decorator-f2ac9963.js → breakpoints.decorator-68071043.js} +1 -1
  214. package/dist/esm/{breakpoints.subject-3605e395.js → breakpoints.subject-e354f30e.js} +1 -1
  215. package/dist/esm/{date-aba2d404.js → date-6e8f5617.js} +1 -1
  216. package/dist/esm/{form-input-28a08ec5.js → form-input-a8fdaaef.js} +14 -1
  217. package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
  218. package/dist/esm/{index.esm-76abd8e3.js → index.esm-cc299511.js} +1 -1
  219. package/dist/esm/index.js +5 -5
  220. package/dist/esm/initialize-e216cfe4.js +1 -1
  221. package/dist/esm/loader.js +3 -2
  222. package/dist/esm/{tokens.esm-337782ae.js → tokens.esm-148c644d.js} +1 -1
  223. package/dist/esm/{window-resize.decorator-d5198831.js → window-resize.decorator-a3fe1dbc.js} +1 -1
  224. package/dist/esm-es5/app-globals-970bab17.js +1 -0
  225. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  226. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  227. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  228. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  229. package/dist/esm-es5/bal-content.entry.js +1 -0
  230. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  231. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  232. package/dist/esm-es5/bal-date.entry.js +1 -1
  233. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  234. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  235. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  236. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  237. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  238. package/dist/esm-es5/bal-footer.entry.js +1 -1
  239. package/dist/esm-es5/bal-hint_5.entry.js +1 -0
  240. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  241. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  242. package/dist/esm-es5/bal-input.entry.js +1 -1
  243. package/dist/esm-es5/bal-label.entry.js +1 -0
  244. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  245. package/dist/esm-es5/bal-logo.entry.js +1 -1
  246. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  247. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  248. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  249. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  250. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  251. package/dist/esm-es5/bal-popup.entry.js +1 -1
  252. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  253. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  254. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  255. package/dist/esm-es5/bal-segment_2.entry.js +1 -0
  256. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  257. package/dist/esm-es5/bal-shape.entry.js +1 -1
  258. package/dist/esm-es5/bal-steps.entry.js +1 -1
  259. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  260. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  261. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  262. package/dist/esm-es5/baloise-design-system.js +1 -1
  263. package/dist/esm-es5/{breakpoints.decorator-f2ac9963.js → breakpoints.decorator-68071043.js} +1 -1
  264. package/dist/esm-es5/{breakpoints.subject-3605e395.js → breakpoints.subject-e354f30e.js} +1 -1
  265. package/dist/esm-es5/{date-aba2d404.js → date-6e8f5617.js} +1 -1
  266. package/dist/esm-es5/{form-input-28a08ec5.js → form-input-a8fdaaef.js} +1 -1
  267. package/dist/esm-es5/global-63f4bcec.js +1 -0
  268. package/dist/esm-es5/{index.esm-76abd8e3.js → index.esm-cc299511.js} +1 -1
  269. package/dist/esm-es5/index.js +1 -1
  270. package/dist/esm-es5/initialize-e216cfe4.js +1 -1
  271. package/dist/esm-es5/loader.js +1 -1
  272. package/dist/esm-es5/{window-resize.decorator-d5198831.js → window-resize.decorator-a3fe1dbc.js} +1 -1
  273. package/dist/types/components/bal-segment/bal-segment-item/bal-segment-item.d.ts +17 -13
  274. package/dist/types/components/bal-segment/bal-segment.d.ts +22 -3
  275. package/dist/types/components/bal-segment/bal-segment.interfaces.d.ts +2 -0
  276. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  277. package/dist/types/components.d.ts +44 -19
  278. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
  279. package/dist/types/utils/form-input.d.ts +3 -0
  280. package/package.json +7 -7
  281. package/dist/baloise-design-system/p-265f9d51c9.system.entry.js +0 -1
  282. package/dist/baloise-design-system/p-370575b8cb.system.entry.js +0 -1
  283. package/dist/baloise-design-system/p-3c25811c44.entry.js +0 -1
  284. package/dist/baloise-design-system/p-487816db33.system.entry.js +0 -1
  285. package/dist/baloise-design-system/p-53e98a0f71.entry.js +0 -1
  286. package/dist/baloise-design-system/p-547aae9610.entry.js +0 -1
  287. package/dist/baloise-design-system/p-5db0544e97.system.entry.js +0 -1
  288. package/dist/baloise-design-system/p-8de1a12660.entry.js +0 -1
  289. package/dist/baloise-design-system/p-a507ff25cb.system.entry.js +0 -1
  290. package/dist/baloise-design-system/p-b0c22ff9d1.entry.js +0 -1
  291. package/dist/baloise-design-system/p-b8f085f7b5.system.entry.js +0 -1
  292. package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
  293. package/dist/baloise-design-system/p-c1c17f8edc.system.entry.js +0 -1
  294. package/dist/baloise-design-system/p-ced37553e2.entry.js +0 -1
  295. package/dist/baloise-design-system/p-d2ee9b0a.system.js +0 -1
  296. package/dist/baloise-design-system/p-d9d229a026.entry.js +0 -1
  297. package/dist/baloise-design-system/p-e0384bfc0c.entry.js +0 -1
  298. package/dist/baloise-design-system/p-e75ccb92.js +0 -1
  299. package/dist/baloise-design-system/p-e78a6409.js +0 -1
  300. package/dist/cjs/bal-hint_3.cjs.entry.js +0 -186
  301. package/dist/cjs/bal-segment-item.cjs.entry.js +0 -156
  302. package/dist/cjs/bal-segment.cjs.entry.js +0 -319
  303. package/dist/esm/bal-hint_3.entry.js +0 -180
  304. package/dist/esm/bal-segment-item.entry.js +0 -152
  305. package/dist/esm/bal-segment.entry.js +0 -315
  306. package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
  307. package/dist/esm-es5/bal-content_2.entry.js +0 -1
  308. package/dist/esm-es5/bal-hint_3.entry.js +0 -1
  309. package/dist/esm-es5/bal-popover_2.entry.js +0 -1
  310. package/dist/esm-es5/bal-segment-item.entry.js +0 -1
  311. package/dist/esm-es5/bal-segment.entry.js +0 -1
  312. /package/dist/baloise-design-system/{p-e1994e2c.js → p-460fb91b.js} +0 -0
  313. /package/dist/baloise-design-system/{p-36074466.system.js → p-e6549331.system.js} +0 -0
  314. /package/dist/esm-es5/{tokens.esm-337782ae.js → tokens.esm-148c644d.js} +0 -0
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as o,H as r,g as n}from"./p-d7c752c6.js";import{_ as i,a}from"./p-43c9f5e9.js";import{B as p}from"./p-ae86d0a0.js";import{b as s}from"./p-a65354df.js";import{L as c}from"./p-b77e3348.js";import{b as l}from"./p-3eb68d7e.js";import{L as u}from"./p-e75ccb92.js";import"./p-88f18fbc.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e1994e2c.js";var d="top",f="bottom",h="right",b="left",v="auto",m=[d,f,h,b],_="start",g="end",y="clippingParents",w="viewport",x="popper",O="reference",j=m.reduce((function(t,e){return t.concat([e+"-"+_,e+"-"+g])}),[]),k=[].concat(m,[v]).reduce((function(t,e){return t.concat([e,e+"-"+_,e+"-"+g])}),[]),L=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function E(t){return t?(t.nodeName||"").toLowerCase():null}function M(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function P(t){return t instanceof M(t).Element||t instanceof Element}function z(t){return t instanceof M(t).HTMLElement||t instanceof HTMLElement}function A(t){return"undefined"!=typeof ShadowRoot&&(t instanceof M(t).ShadowRoot||t instanceof ShadowRoot)}function B(t){return t.split("-")[0]}var W=Math.max,S=Math.min,T=Math.round;function q(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(q())}function $(t,e,o){void 0===e&&(e=!1),void 0===o&&(o=!1);var r=t.getBoundingClientRect(),n=1,i=1;e&&z(t)&&(n=t.offsetWidth>0&&T(r.width)/t.offsetWidth||1,i=t.offsetHeight>0&&T(r.height)/t.offsetHeight||1);var a=(P(t)?M(t):window).visualViewport,p=!R()&&o,s=(r.left+(p&&a?a.offsetLeft:0))/n,c=(r.top+(p&&a?a.offsetTop:0))/i,l=r.width/n,u=r.height/i;return{width:l,height:u,top:c,right:s+l,bottom:c+u,left:s,x:s,y:c}}function H(t){var e=$(t),o=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-o)<=1&&(o=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:o,height:r}}function C(t,e){var o=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(o&&A(o)){var r=e;do{if(r&&t.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function F(t){return M(t).getComputedStyle(t)}function I(t){return["table","td","th"].indexOf(E(t))>=0}function D(t){return((P(t)?t.ownerDocument:t.document)||window.document).documentElement}function U(t){return"html"===E(t)?t:t.assignedSlot||t.parentNode||(A(t)?t.host:null)||D(t)}function K(t){return z(t)&&"fixed"!==F(t).position?t.offsetParent:null}function N(t){for(var e=M(t),o=K(t);o&&I(o)&&"static"===F(o).position;)o=K(o);return o&&("html"===E(o)||"body"===E(o)&&"static"===F(o).position)?e:o||function(t){var e=/firefox/i.test(q());if(/Trident/i.test(q())&&z(t)&&"fixed"===F(t).position)return null;var o=U(t);for(A(o)&&(o=o.host);z(o)&&["html","body"].indexOf(E(o))<0;){var r=F(o);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return o;o=o.parentNode}return null}(t)||e}function V(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function G(t,e,o){return W(t,S(e,o))}function J(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Q(t,e){return e.reduce((function(e,o){return e[o]=t,e}),{})}function X(t){return t.split("-")[1]}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(t){var e,o=t.popper,r=t.popperRect,n=t.placement,i=t.variation,a=t.offsets,p=t.position,s=t.gpuAcceleration,c=t.adaptive,l=t.roundOffsets,u=t.isFixed,v=a.x,m=void 0===v?0:v,_=a.y,y=void 0===_?0:_,w="function"==typeof l?l({x:m,y}):{x:m,y};m=w.x,y=w.y;var x=a.hasOwnProperty("x"),O=a.hasOwnProperty("y"),j=b,k=d,L=window;if(c){var E=N(o),P="clientHeight",z="clientWidth";E===M(o)&&"static"!==F(E=D(o)).position&&"absolute"===p&&(P="scrollHeight",z="scrollWidth"),(n===d||(n===b||n===h)&&i===g)&&(k=f,y-=(u&&E===L&&L.visualViewport?L.visualViewport.height:E[P])-r.height,y*=s?1:-1),n!==b&&(n!==d&&n!==f||i!==g)||(j=h,m-=(u&&E===L&&L.visualViewport?L.visualViewport.width:E[z])-r.width,m*=s?1:-1)}var A,B=Object.assign({position:p},c&&Y),W=!0===l?function(t,e){var o=t.y,r=e.devicePixelRatio||1;return{x:T(t.x*r)/r||0,y:T(o*r)/r||0}}({x:m,y},M(o)):{x:m,y};return m=W.x,y=W.y,Object.assign({},B,s?((A={})[k]=O?"0":"",A[j]=x?"0":"",A.transform=(L.devicePixelRatio||1)<=1?"translate("+m+"px, "+y+"px)":"translate3d("+m+"px, "+y+"px, 0)",A):((e={})[k]=O?y+"px":"",e[j]=x?m+"px":"",e.transform="",e))}var tt={passive:!0},et={left:"right",right:"left",bottom:"top",top:"bottom"};function ot(t){return t.replace(/left|right|bottom|top/g,(function(t){return et[t]}))}var rt={start:"end",end:"start"};function nt(t){return t.replace(/start|end/g,(function(t){return rt[t]}))}function it(t){var e=M(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function at(t){return $(D(t)).left+it(t).scrollLeft}function pt(t){var e=F(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function st(t){return["html","body","#document"].indexOf(E(t))>=0?t.ownerDocument.body:z(t)&&pt(t)?t:st(U(t))}function ct(t,e){var o;void 0===e&&(e=[]);var r=st(t),n=r===(null==(o=t.ownerDocument)?void 0:o.body),i=M(r),a=n?[i].concat(i.visualViewport||[],pt(r)?r:[]):r,p=e.concat(a);return n?p:p.concat(ct(U(a)))}function lt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ut(t,e,o){return e===w?lt(function(t,e){var o=M(t),r=D(t),n=o.visualViewport,i=r.clientWidth,a=r.clientHeight,p=0,s=0;if(n){i=n.width,a=n.height;var c=R();(c||!c&&"fixed"===e)&&(p=n.offsetLeft,s=n.offsetTop)}return{width:i,height:a,x:p+at(t),y:s}}(t,o)):P(e)?function(t,e){var o=$(t,!1,"fixed"===e);return o.top=o.top+t.clientTop,o.left=o.left+t.clientLeft,o.bottom=o.top+t.clientHeight,o.right=o.left+t.clientWidth,o.width=t.clientWidth,o.height=t.clientHeight,o.x=o.left,o.y=o.top,o}(e,o):lt(function(t){var e,o=D(t),r=it(t),n=null==(e=t.ownerDocument)?void 0:e.body,i=W(o.scrollWidth,o.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=W(o.scrollHeight,o.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),p=-r.scrollLeft+at(t),s=-r.scrollTop;return"rtl"===F(n||o).direction&&(p+=W(o.clientWidth,n?n.clientWidth:0)-i),{width:i,height:a,x:p,y:s}}(D(t)))}function dt(t){var e,o=t.reference,r=t.element,n=t.placement,i=n?B(n):null,a=n?X(n):null,p=o.x+o.width/2-r.width/2,s=o.y+o.height/2-r.height/2;switch(i){case d:e={x:p,y:o.y-r.height};break;case f:e={x:p,y:o.y+o.height};break;case h:e={x:o.x+o.width,y:s};break;case b:e={x:o.x-r.width,y:s};break;default:e={x:o.x,y:o.y}}var c=i?V(i):null;if(null!=c){var l="y"===c?"height":"width";switch(a){case _:e[c]=e[c]-(o[l]/2-r[l]/2);break;case g:e[c]=e[c]+(o[l]/2-r[l]/2)}}return e}function ft(t,e){void 0===e&&(e={});var o=e.placement,r=void 0===o?t.placement:o,n=e.strategy,i=void 0===n?t.strategy:n,a=e.boundary,p=void 0===a?y:a,s=e.rootBoundary,c=void 0===s?w:s,l=e.elementContext,u=void 0===l?x:l,b=e.altBoundary,v=void 0!==b&&b,_=e.padding,g=void 0===_?0:_,j=J("number"!=typeof g?g:Q(g,m)),k=t.rects.popper,L=t.elements[v?u===x?O:x:u],M=function(t,e,o,r){var n="clippingParents"===e?function(t){var e=ct(U(t)),o=["absolute","fixed"].indexOf(F(t).position)>=0&&z(t)?N(t):t;return P(o)?e.filter((function(t){return P(t)&&C(t,o)&&"body"!==E(t)})):[]}(t):[].concat(e),i=[].concat(n,[o]),a=i.reduce((function(e,o){var n=ut(t,o,r);return e.top=W(n.top,e.top),e.right=S(n.right,e.right),e.bottom=S(n.bottom,e.bottom),e.left=W(n.left,e.left),e}),ut(t,i[0],r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(P(L)?L:L.contextElement||D(t.elements.popper),p,c,i),A=$(t.elements.reference),B=dt({reference:A,element:k,strategy:"absolute",placement:r}),T=lt(Object.assign({},k,B)),q=u===x?T:A,R={top:M.top-q.top+j.top,bottom:q.bottom-M.bottom+j.bottom,left:M.left-q.left+j.left,right:q.right-M.right+j.right},H=t.modifiersData.offset;if(u===x&&H){var I=H[r];Object.keys(R).forEach((function(t){var e=[h,f].indexOf(t)>=0?1:-1,o=[d,f].indexOf(t)>=0?"y":"x";R[t]+=I[o]*e}))}return R}function ht(t,e){void 0===e&&(e={});var o=e.boundary,r=e.rootBoundary,n=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,p=void 0===a?k:a,s=X(e.placement),c=s?i?j:j.filter((function(t){return X(t)===s})):m,l=c.filter((function(t){return p.indexOf(t)>=0}));0===l.length&&(l=c);var u=l.reduce((function(e,i){return e[i]=ft(t,{placement:i,boundary:o,rootBoundary:r,padding:n})[B(i)],e}),{});return Object.keys(u).sort((function(t,e){return u[t]-u[e]}))}const bt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0===a||a,s=o.fallbackPlacements,c=o.padding,l=o.boundary,u=o.rootBoundary,m=o.altBoundary,g=o.flipVariations,y=void 0===g||g,w=o.allowedAutoPlacements,x=e.options.placement,O=B(x),j=s||(O!==x&&y?function(t){if(B(t)===v)return[];var e=ot(t);return[nt(t),e,nt(e)]}(x):[ot(x)]),k=[x].concat(j).reduce((function(t,o){return t.concat(B(o)===v?ht(e,{placement:o,boundary:l,rootBoundary:u,padding:c,flipVariations:y,allowedAutoPlacements:w}):o)}),[]),L=e.rects.reference,E=e.rects.popper,M=new Map,P=!0,z=k[0],A=0;A<k.length;A++){var W=k[A],S=B(W),T=X(W)===_,q=[d,f].indexOf(S)>=0,R=q?"width":"height",$=ft(e,{placement:W,boundary:l,rootBoundary:u,altBoundary:m,padding:c}),H=q?T?h:b:T?f:d;L[R]>E[R]&&(H=ot(H));var C=ot(H),F=[];if(i&&F.push($[S]<=0),p&&F.push($[H]<=0,$[C]<=0),F.every((function(t){return t}))){z=W,P=!1;break}M.set(W,F)}if(P)for(var I=function(t){var e=k.find((function(e){var o=M.get(e);if(o)return o.slice(0,t).every((function(t){return t}))}));if(e)return z=e,"break"},D=y?3:1;D>0&&"break"!==I(D);D--);e.placement!==z&&(e.modifiersData[r]._skip=!0,e.placement=z,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function vt(t,e,o){return void 0===o&&(o={x:0,y:0}),{top:t.top-e.height-o.y,right:t.right-e.width+o.x,bottom:t.bottom-e.height+o.y,left:t.left-e.width-o.x}}function mt(t){return[d,h,f,b].some((function(e){return t[e]>=0}))}function _t(t,e,o){void 0===o&&(o=!1);var r,n,i=z(e),a=z(e)&&function(t){var e=t.getBoundingClientRect(),o=T(e.width)/t.offsetWidth||1,r=T(e.height)/t.offsetHeight||1;return 1!==o||1!==r}(e),p=D(e),s=$(t,a,o),c={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(i||!i&&!o)&&(("body"!==E(e)||pt(p))&&(c=(r=e)!==M(r)&&z(r)?{scrollLeft:(n=r).scrollLeft,scrollTop:n.scrollTop}:it(r)),z(e)?((l=$(e,!0)).x+=e.clientLeft,l.y+=e.clientTop):p&&(l.x=at(p))),{x:s.left+c.scrollLeft-l.x,y:s.top+c.scrollTop-l.y,width:s.width,height:s.height}}function gt(t){var e=new Map,o=new Set,r=[];function n(t){o.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!o.has(t)){var r=e.get(t);r&&n(r)}})),r.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){o.has(t.name)||n(t)})),r}var yt={placement:"bottom",modifiers:[],strategy:"absolute"};function wt(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function xt(t){void 0===t&&(t={});var e=t.defaultModifiers,o=void 0===e?[]:e,r=t.defaultOptions,n=void 0===r?yt:r;return function(t,e,r){void 0===r&&(r=n);var i,a,p={placement:"bottom",orderedModifiers:[],options:Object.assign({},yt,n),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},s=[],c=!1,l={state:p,setOptions:function(r){var i="function"==typeof r?r(p.options):r;u(),p.options=Object.assign({},n,p.options,i),p.scrollParents={reference:P(t)?ct(t):t.contextElement?ct(t.contextElement):[],popper:ct(e)};var a,c,d=function(t){var e=gt(t);return L.reduce((function(t,o){return t.concat(e.filter((function(t){return t.phase===o})))}),[])}((a=[].concat(o,p.options.modifiers),c=a.reduce((function(t,e){var o=t[e.name];return t[e.name]=o?Object.assign({},o,e,{options:Object.assign({},o.options,e.options),data:Object.assign({},o.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return p.orderedModifiers=d.filter((function(t){return t.enabled})),p.orderedModifiers.forEach((function(t){var e=t.options,o=t.effect;if("function"==typeof o){var r=o({state:p,name:t.name,instance:l,options:void 0===e?{}:e});s.push(r||function(){})}})),l.update()},forceUpdate:function(){if(!c){var t=p.elements,e=t.reference,o=t.popper;if(wt(e,o)){p.rects={reference:_t(e,N(o),"fixed"===p.options.strategy),popper:H(o)},p.reset=!1,p.placement=p.options.placement,p.orderedModifiers.forEach((function(t){return p.modifiersData[t.name]=Object.assign({},t.data)}));for(var r=0;r<p.orderedModifiers.length;r++)if(!0!==p.reset){var n=p.orderedModifiers[r],i=n.fn,a=n.options;"function"==typeof i&&(p=i({state:p,options:void 0===a?{}:a,name:n.name,instance:l})||p)}else p.reset=!1,r=-1}}},update:(i=function(){return new Promise((function(t){l.forceUpdate(),t(p)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){u(),c=!0}};if(!wt(t,e))return l;function u(){s.forEach((function(t){return t()})),s=[]}return l.setOptions(r).then((function(t){!c&&r.onFirstUpdate&&r.onFirstUpdate(t)})),l}}var Ot=xt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,o=t.instance,r=t.options,n=r.scroll,i=void 0===n||n,a=r.resize,p=void 0===a||a,s=M(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach((function(t){t.addEventListener("scroll",o.update,tt)})),p&&s.addEventListener("resize",o.update,tt),function(){i&&c.forEach((function(t){t.removeEventListener("scroll",o.update,tt)})),p&&s.removeEventListener("resize",o.update,tt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=dt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,o=t.options,r=o.gpuAcceleration,n=void 0===r||r,i=o.adaptive,a=void 0===i||i,p=o.roundOffsets,s=void 0===p||p,c={placement:B(e.placement),variation:X(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:n,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Z(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:s})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Z(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:s})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var o=e.styles[t]||{},r=e.attributes[t]||{},n=e.elements[t];z(n)&&E(n)&&(Object.assign(n.style,o),Object.keys(r).forEach((function(t){var e=r[t];!1===e?n.removeAttribute(t):n.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,o={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,o.popper),e.styles=o,e.elements.arrow&&Object.assign(e.elements.arrow.style,o.arrow),function(){Object.keys(e.elements).forEach((function(t){var r=e.elements[t],n=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:o[t]).reduce((function(t,e){return t[e]="",t}),{});z(r)&&E(r)&&(Object.assign(r.style,i),Object.keys(n).forEach((function(t){r.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,o=t.name,r=t.options.offset,n=void 0===r?[0,0]:r,i=k.reduce((function(t,o){return t[o]=function(t,e,o){var r=B(t),n=[b,d].indexOf(r)>=0?-1:1,i="function"==typeof o?o(Object.assign({},e,{placement:t})):o,a=i[0],p=i[1];return a=a||0,p=(p||0)*n,[b,h].indexOf(r)>=0?{x:p,y:a}:{x:a,y:p}}(o,e.rects,n),t}),{}),a=i[e.placement],p=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=p),e.modifiersData[o]=i}},bt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,o=t.options,r=t.name,n=o.mainAxis,i=void 0===n||n,a=o.altAxis,p=void 0!==a&&a,s=o.tether,c=void 0===s||s,l=o.tetherOffset,u=void 0===l?0:l,v=ft(e,{boundary:o.boundary,rootBoundary:o.rootBoundary,padding:o.padding,altBoundary:o.altBoundary}),m=B(e.placement),g=X(e.placement),y=!g,w=V(m),x="x"===w?"y":"x",O=e.modifiersData.popperOffsets,j=e.rects.reference,k=e.rects.popper,L="function"==typeof u?u(Object.assign({},e.rects,{placement:e.placement})):u,E="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),M=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(O){if(i){var z,A="y"===w?d:b,T="y"===w?f:h,q="y"===w?"height":"width",R=O[w],$=R+v[A],C=R-v[T],F=c?-k[q]/2:0,I=g===_?j[q]:k[q],D=g===_?-k[q]:-j[q],U=e.elements.arrow,K=c&&U?H(U):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=J[A],Y=J[T],Z=G(0,j[q],K[q]),tt=y?j[q]/2-F-Z-Q-E.mainAxis:I-Z-Q-E.mainAxis,et=y?-j[q]/2+F+Z+Y+E.mainAxis:D+Z+Y+E.mainAxis,ot=e.elements.arrow&&N(e.elements.arrow),rt=null!=(z=null==M?void 0:M[w])?z:0,nt=R+et-rt,it=G(c?S($,R+tt-rt-(ot?"y"===w?ot.clientTop||0:ot.clientLeft||0:0)):$,R,c?W(C,nt):C);O[w]=it,P[w]=it-R}if(p){var at,pt=O[x],st="y"===x?"height":"width",ct=pt+v["x"===w?d:b],lt=pt-v["x"===w?f:h],ut=-1!==[d,b].indexOf(m),dt=null!=(at=null==M?void 0:M[x])?at:0,ht=ut?ct:pt-j[st]-k[st]-dt+E.altAxis,bt=ut?pt+j[st]+k[st]-dt-E.altAxis:lt,vt=c&&ut?function(t,e,o){var r=G(t,e,o);return r>o?o:r}(ht,pt,bt):G(c?ht:ct,pt,c?bt:lt);O[x]=vt,P[x]=vt-pt}e.modifiersData[r]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,o=t.state,r=t.name,n=t.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,p=B(o.placement),s=V(p),c=[b,h].indexOf(p)>=0?"height":"width";if(i&&a){var l=function(t,e){return J("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:Q(t,m))}(n.padding,o),u=H(i),v="y"===s?d:b,_="y"===s?f:h,g=o.rects.reference[c]+o.rects.reference[s]-a[s]-o.rects.popper[c],y=a[s]-o.rects.reference[s],w=N(i),x=w?"y"===s?w.clientHeight||0:w.clientWidth||0:0,O=x/2-u[c]/2+(g/2-y/2),j=G(l[v],O,x-u[c]-l[_]);o.modifiersData[r]=((e={})[s]=j,e.centerOffset=j-O,e)}},effect:function(t){var e=t.state,o=t.options.element,r=void 0===o?"[data-popper-arrow]":o;null!=r&&("string"!=typeof r||(r=e.elements.popper.querySelector(r)))&&C(e.elements.popper,r)&&(e.elements.arrow=r)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,o=t.name,r=e.rects.reference,n=e.rects.popper,i=e.modifiersData.preventOverflow,a=ft(e,{elementContext:"reference"}),p=ft(e,{altBoundary:!0}),s=vt(a,r),c=vt(p,n,i),l=mt(s),u=mt(c);e.modifiersData[o]={referenceClippingOffsets:s,popperEscapeOffsets:c,isReferenceHidden:l,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":l,"data-popper-escaped":u})}}]});const jt=class{constructor(o){t(this,o),this.balChange=e(this,"balChange",7),this.balWillAnimate=e(this,"balWillAnimate",7),this.balDidAnimate=e(this,"balDidAnimate",7),this.balPopoverPrepare=e(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+kt++,this.isTouch=l.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Ot(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),s.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.element)||void 0===t?void 0:t.clientWidth;this.element.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.element.contains(t.target)||(this.active=!1),(null===(e=this.backdropElement)||void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.element.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,o;this.active&&!t.force||(null===(e=this.menuElement)||void 0===e||e.setAttribute("data-show",""),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,o;(this.active||t.force)&&(null===(e=this.menuElement)||void 0===e||e.removeAttribute("data-show"),null===(o=this.menuElement)||void 0===o||o.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.element.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip||this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow||this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.element.querySelector("[bal-popover-trigger]")}get menuElement(){return this.element.querySelector("bal-popover-content")}get menuInnerElement(){return this.element.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return s.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=p.block("popover");return o(r,{"aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&o("div",{ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),o("slot",null))}get element(){return n(this)}static get watchers(){return{active:["activeChanged"]}}};i([c("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],jt.prototype,"createLogger",null),i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],jt.prototype,"breakpointListener",null);let kt=0;jt.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const Lt=class{constructor(e){t(this,e),this.isTouch=l.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const o={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),o)}componentWillLoad(){s.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=p.block("popover").element("content");return o(r,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},o("div",{class:Object.assign({},t.element("inner").class()),style:this.innerStyle},o("slot",null)),o("div",{class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return n(this)}};i([u(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Lt.prototype,"breakpointListener",null);export{jt as bal_popover,Lt as bal_popover_content}
@@ -1 +0,0 @@
1
- import{a as n}from"./p-3eb68d7e.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:e}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),e&&e.call(this)}}}export{t as L}
@@ -1 +0,0 @@
1
- import{i as o}from"./p-54f81c32.js";const s=function(){o()};export{s as g}
@@ -1,186 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-219b2f52.js');
6
- const tslib_es6 = require('./tslib.es6-a680968e.js');
7
- const bem = require('./bem-81bc6a2d.js');
8
- const utils = require('./utils-9ea175af.js');
9
- const scroll = require('./scroll-73c1b762.js');
10
- const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
11
- const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
12
- const config_decorator = require('./config.decorator-b393a72f.js');
13
- require('./index-e6a233be.js');
14
- require('./browser-1d542d0f.js');
15
- require('./helpers-2a8c8333.js');
16
- require('./icons.constant-7c82086a.js');
17
- require('./config.utils-e4cd49d6.js');
18
- require('./device-9f97a845.js');
19
- require('./listener-52d2e5fd.js');
20
- require('./tokens.esm-aa4bb7f7.js');
21
-
22
- const balHintCss = ":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
23
- const BalHintStyle0 = balHintCss;
24
-
25
- const Hint = class {
26
- constructor(hostRef) {
27
- index.registerInstance(this, hostRef);
28
- this.bodyScrollHandler = new scroll.BalScrollHandler();
29
- this.onPopoverChange = (ev) => {
30
- this.isActive = ev.detail;
31
- utils.preventDefault(ev);
32
- };
33
- this.isActive = false;
34
- this.innerCloseLabel = 'Close';
35
- this.isMobile = breakpoints_subject.balBreakpoints.isMobile;
36
- this.closeLabel = undefined;
37
- this.small = false;
38
- }
39
- connectedCallback() {
40
- this.bodyScrollHandler.connect();
41
- }
42
- componentDidRender() {
43
- this.updateContent();
44
- }
45
- disconnectedCallback() {
46
- this.bodyScrollHandler.disconnect();
47
- }
48
- breakpointListener(breakpoints) {
49
- const isCurrentMobile = breakpoints.mobile;
50
- if (isCurrentMobile !== this.isMobile) {
51
- this.isActive = false;
52
- }
53
- this.isMobile = isCurrentMobile;
54
- }
55
- /**
56
- * @internal define config for the component
57
- */
58
- async configChanged(state) {
59
- if (!this.closeLabel) {
60
- switch (state.language) {
61
- case 'de':
62
- this.innerCloseLabel = 'Schliessen';
63
- break;
64
- case 'fr':
65
- this.innerCloseLabel = 'Fermer';
66
- break;
67
- case 'it':
68
- this.innerCloseLabel = 'Chiudere';
69
- break;
70
- case 'nl':
71
- this.innerCloseLabel = 'Sluiten';
72
- break;
73
- default:
74
- this.innerCloseLabel = 'Close';
75
- break;
76
- }
77
- }
78
- }
79
- /**
80
- * Toggles the hint box.
81
- */
82
- async toggle() {
83
- if (this.isActive) {
84
- this.dismiss();
85
- }
86
- else {
87
- this.present();
88
- }
89
- }
90
- /**
91
- * Opens the hint box.
92
- */
93
- async present() {
94
- if (this.popoverElement) {
95
- this.popoverElement.present();
96
- }
97
- if (this.isMobile) {
98
- this.bodyScrollHandler.disable();
99
- }
100
- this.isActive = true;
101
- }
102
- /**
103
- * Closes the hint box.
104
- */
105
- async dismiss() {
106
- if (this.popoverElement) {
107
- this.popoverElement.dismiss();
108
- }
109
- if (this.isMobile) {
110
- this.bodyScrollHandler.enable();
111
- }
112
- this.isActive = false;
113
- }
114
- updateContent() {
115
- if (this.hintContentEl && this.slotWrapperEl) {
116
- this.hintContentEl.innerHTML = this.slotWrapperEl.innerHTML;
117
- }
118
- }
119
- render() {
120
- const block = bem.BEM.block('hint');
121
- const elIcon = block.element('icon');
122
- const elContent = block.element('content');
123
- const elButtons = elContent.element('buttons');
124
- const padding = this.isMobile ? 0 : 8;
125
- const offsetY = this.isMobile ? 0 : 16;
126
- const TriggerIcon = () => {
127
- return (index.h("bal-icon", { class: Object.assign({}, elIcon.class()), "data-testid": "bal-hint-trigger", "bal-popover-trigger": true, "aria-haspopup": "true", role: "button", name: "info-circle", onClick: () => this.toggle() }));
128
- };
129
- const HintContent = () => {
130
- return (index.h("div", { class: Object.assign({}, elContent.class()), "data-testid": "bal-hint-content" }, index.h("div", { ref: el => (this.hintContentEl = el) }), index.h("bal-button-group", { class: Object.assign(Object.assign({}, elButtons.class()), elButtons.modifier('is-hidden-desktop').class(this.small)) }, index.h("bal-button", { "data-testid": "bal-hint-close", color: "info", onClick: () => this.dismiss() }, this.closeLabel ? this.closeLabel : this.innerCloseLabel))));
131
- };
132
- const MobileOverlay = () => {
133
- const elOverlay = block.element('overlay');
134
- return (index.h("div", { class: Object.assign({}, elOverlay.class()) }, index.h(TriggerIcon, null), index.h("div", { class: Object.assign(Object.assign({}, elOverlay.element('content').class()), elOverlay.element('content').modifier('active').class(this.isActive)) }, index.h(HintContent, null))));
135
- };
136
- const Popover = () => {
137
- return (index.h("div", { class: Object.assign({}, block.element('popover').class()) }, index.h("bal-popover", { hint: true, position: "right", offsetX: 0, offsetY: offsetY, padding: padding, ref: el => (this.popoverElement = el), onBalChange: this.onPopoverChange }, index.h(TriggerIcon, null), index.h("bal-popover-content", { color: "grey" }, index.h(HintContent, null)))));
138
- };
139
- const HintElement = this.isMobile ? MobileOverlay : Popover;
140
- return (index.h(index.Host, { class: Object.assign({}, block.class()) }, index.h(HintElement, null), index.h("div", { ref: el => (this.slotWrapperEl = el), style: { display: 'none' } }, index.h("slot", null))));
141
- }
142
- get element() { return index.getElement(this); }
143
- };
144
- tslib_es6.__decorate([
145
- breakpoints_decorator.ListenToBreakpoints(),
146
- tslib_es6.__metadata("design:type", Function),
147
- tslib_es6.__metadata("design:paramtypes", [Object]),
148
- tslib_es6.__metadata("design:returntype", void 0)
149
- ], Hint.prototype, "breakpointListener", null);
150
- tslib_es6.__decorate([
151
- config_decorator.ListenToConfig(),
152
- tslib_es6.__metadata("design:type", Function),
153
- tslib_es6.__metadata("design:paramtypes", [Object]),
154
- tslib_es6.__metadata("design:returntype", Promise)
155
- ], Hint.prototype, "configChanged", null);
156
- Hint.style = BalHintStyle0;
157
-
158
- const HintText = class {
159
- constructor(hostRef) {
160
- index.registerInstance(this, hostRef);
161
- }
162
- render() {
163
- const block = bem.BEM.block('hint');
164
- const elContent = block.element('content');
165
- const elText = elContent.element('text');
166
- const elTextField = elText.element('field');
167
- return (index.h(index.Host, { class: Object.assign({}, elText.class()) }, index.h("p", { class: Object.assign({}, elTextField.class()) }, index.h("slot", null))));
168
- }
169
- };
170
-
171
- const HintTitle = class {
172
- constructor(hostRef) {
173
- index.registerInstance(this, hostRef);
174
- }
175
- render() {
176
- const block = bem.BEM.block('hint');
177
- const elContent = block.element('content');
178
- const elTitle = elContent.element('title');
179
- const elHeading = elTitle.element('heading');
180
- return (index.h(index.Host, { class: Object.assign({}, elTitle.class()) }, index.h("h3", { class: Object.assign({}, elHeading.class()) }, index.h("span", null, index.h("slot", null)))));
181
- }
182
- };
183
-
184
- exports.bal_hint = Hint;
185
- exports.bal_hint_text = HintText;
186
- exports.bal_hint_title = HintTitle;
@@ -1,156 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-219b2f52.js');
6
- const bem = require('./bem-81bc6a2d.js');
7
- const attributes = require('./attributes-9f366716.js');
8
- const helpers = require('./helpers-2a8c8333.js');
9
- require('./browser-1d542d0f.js');
10
- require('./icons.constant-7c82086a.js');
11
- require('./config.utils-e4cd49d6.js');
12
-
13
- const balSegmentItemCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:\"\";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}";
14
- const BalSegmentItemStyle0 = balSegmentItemCss;
15
-
16
- let ids = 0;
17
- const SegmentItem = class {
18
- constructor(hostRef) {
19
- index.registerInstance(this, hostRef);
20
- this.balBlur = index.createEvent(this, "balBlur", 7);
21
- this.segmentEl = null;
22
- this.inheritedAttributes = {};
23
- this.id = ids++;
24
- this.updateVertical = (ev) => {
25
- this.isVertical = ev.detail;
26
- };
27
- this.updateState = () => {
28
- const { segmentEl } = this;
29
- if (segmentEl) {
30
- if (segmentEl.value === '' || segmentEl.value === undefined || segmentEl.value === null) {
31
- const items = this.items;
32
- if (items.length > 0) {
33
- const first = items[0];
34
- this.isFocusable = first === this.el;
35
- }
36
- }
37
- else {
38
- this.checked = segmentEl.value === this.value;
39
- this.isFocusable = segmentEl.value === this.value;
40
- }
41
- if (segmentEl.disabled) {
42
- this.disabled = true;
43
- }
44
- }
45
- };
46
- this.onSlottedItemsChange = () => {
47
- /**
48
- * When the slotted segment buttons change we need to
49
- * ensure that the new segment buttons are checked if
50
- * the value matches the segment button value.
51
- */
52
- this.checkSlotContent();
53
- };
54
- this.hasSlotContent = false;
55
- this.isFocusable = false;
56
- this.isVertical = false;
57
- this.disabled = false;
58
- this.invalid = false;
59
- this.focused = false;
60
- this.checked = false;
61
- this.label = '';
62
- this.value = 'bal-si-' + this.id;
63
- }
64
- valueChanged() {
65
- this.updateState();
66
- }
67
- connectedCallback() {
68
- const segmentEl = (this.segmentEl = this.el.closest('bal-segment'));
69
- if (segmentEl) {
70
- this.updateState();
71
- helpers.addEventListener(segmentEl, 'balSelect', this.updateState);
72
- helpers.addEventListener(segmentEl, 'balVertical', this.updateVertical);
73
- }
74
- }
75
- disconnectedCallback() {
76
- const segmentEl = this.segmentEl;
77
- if (segmentEl) {
78
- helpers.removeEventListener(segmentEl, 'balSelect', this.updateState);
79
- helpers.removeEventListener(segmentEl, 'balVertical', this.updateVertical);
80
- this.segmentEl = null;
81
- }
82
- }
83
- componentWillLoad() {
84
- this.inheritedAttributes = Object.assign({}, attributes.inheritAttributes(this.el, ['aria-label']));
85
- }
86
- componentDidLoad() {
87
- helpers.raf(() => this.checkSlotContent());
88
- }
89
- /**
90
- * @internal
91
- * Focuses the native <button> element
92
- * inside of ion-segment-button.
93
- */
94
- async setFocus() {
95
- const { nativeEl } = this;
96
- if (nativeEl !== undefined) {
97
- nativeEl.focus();
98
- }
99
- }
100
- get items() {
101
- return this.allItems.filter(item => !item.disabled);
102
- }
103
- get allItems() {
104
- const { segmentEl } = this;
105
- if (segmentEl) {
106
- return Array.from(segmentEl.querySelectorAll('bal-segment-item'));
107
- }
108
- return [];
109
- }
110
- isFirst() {
111
- const { segmentEl } = this;
112
- let items = this.items;
113
- if (segmentEl && segmentEl.disabled) {
114
- items = this.allItems;
115
- }
116
- if (items.length > 0) {
117
- const first = items[0];
118
- return first === this.el;
119
- }
120
- return false;
121
- }
122
- isLast() {
123
- const { segmentEl } = this;
124
- let items = this.items;
125
- if (segmentEl && segmentEl.disabled) {
126
- items = this.allItems;
127
- }
128
- if (items.length > 0) {
129
- const last = items[items.length - 1];
130
- return last === this.el;
131
- }
132
- return false;
133
- }
134
- checkSlotContent() {
135
- const slot = this.el.querySelector('[part="slot"]');
136
- const children = slot ? slot.innerHTML.trim() : '';
137
- this.hasSlotContent = children.length > 0;
138
- }
139
- render() {
140
- const { checked, focused, segmentEl, label, isFocusable } = this;
141
- const block = bem.BEM.block('segment-item');
142
- const buttonBem = block.element('button');
143
- const indicatorBem = block.element('indicator');
144
- const invalid = this.invalid || (segmentEl && segmentEl.invalid);
145
- const disabled = this.disabled || (segmentEl && segmentEl.disabled);
146
- const vertical = this.isVertical;
147
- return (index.h(index.Host, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('line').class(!this.isFirst() && !checked)), block.modifier('last').class(this.isLast() && !checked)) }, index.h("button", Object.assign({ role: "radio", "aria-checked": checked ? 'true' : 'false', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), "aria-labelledby": `bal-si-${this.id}-label`, type: 'button', tabIndex: isFocusable ? 0 : -1, part: "native", onBlur: ev => this.balBlur.emit(ev), disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), index.h("bal-icon", { name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), index.h("bal-stack", { space: "x-small", layout: 'horizontal' }, index.h("bal-content", { space: "none" }, index.h("bal-label", { htmlId: `bal-si-${this.id}-label` }, label), index.h("span", { part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', index.h("slot", { onSlotchange: this.onSlottedItemsChange }))))), index.h("div", { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
148
- }
149
- get el() { return index.getElement(this); }
150
- static get watchers() { return {
151
- "value": ["valueChanged"]
152
- }; }
153
- };
154
- SegmentItem.style = BalSegmentItemStyle0;
155
-
156
- exports.bal_segment_item = SegmentItem;