@baloise/ds-core 16.0.3-nightly.20240417 → 16.1.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 (363) hide show
  1. package/components/all.d.ts +6 -2
  2. package/components/all.js +9 -3
  3. package/components/aria.js +3 -0
  4. package/components/bal-app.js +85 -1
  5. package/components/bal-checkbox-button.js +1 -1
  6. package/components/bal-checkbox2.js +3 -2
  7. package/components/bal-close2.js +1 -1
  8. package/components/bal-date-calendar2.js +1 -1
  9. package/components/bal-dropdown.d.ts +11 -0
  10. package/components/bal-dropdown.js +710 -0
  11. package/components/bal-field.js +12 -2
  12. package/components/bal-footer.js +1 -1
  13. package/components/bal-option-list.d.ts +11 -0
  14. package/components/bal-option-list.js +459 -0
  15. package/components/{bal-doc-app.d.ts → bal-option.d.ts} +4 -4
  16. package/components/bal-option.js +171 -0
  17. package/components/bal-popup.js +1 -1
  18. package/components/bal-radio2.js +1 -1
  19. package/components/bal-select2.js +3 -3
  20. package/components/bal-spinner2.js +54 -6
  21. package/components/bal-tag2.js +1 -1
  22. package/components/config.default.js +1 -0
  23. package/components/index.esm.js +1 -1
  24. package/components/index.js +290 -5
  25. package/components/option.js +46 -0
  26. package/components/tokens.esm.js +1 -1
  27. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  28. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  29. package/dist/baloise-design-system/index.esm.js +1 -1
  30. package/dist/baloise-design-system/p-013b4c72.system.js +1 -0
  31. package/dist/baloise-design-system/p-0639833837.system.entry.js +1 -0
  32. package/dist/baloise-design-system/{p-0cd70cd814.system.entry.js → p-06e9a468fc.system.entry.js} +1 -1
  33. package/dist/baloise-design-system/p-0793c0159f.system.entry.js +1 -0
  34. package/dist/baloise-design-system/{p-45de4b9eab.system.entry.js → p-0fed7a5f26.system.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-f2de9458ad.entry.js → p-10b8686d91.entry.js} +1 -1
  36. package/dist/baloise-design-system/{p-e113196061.system.entry.js → p-126c79c9e9.system.entry.js} +1 -1
  37. package/dist/baloise-design-system/p-12bcc7da.js +1 -0
  38. package/dist/baloise-design-system/{p-3bd244cda7.entry.js → p-135c5759c5.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-88c086f8.system.js → p-14ae0709.system.js} +1 -1
  40. package/dist/baloise-design-system/{p-3bbf43bb.system.js → p-1509eaa7.system.js} +1 -1
  41. package/dist/baloise-design-system/{p-946e9e784d.system.entry.js → p-1659bb968c.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/p-187f98a1.system.js +1 -0
  43. package/dist/baloise-design-system/{p-a620678fd4.system.entry.js → p-18e2e391e0.system.entry.js} +1 -1
  44. package/dist/baloise-design-system/p-1de6b20b1c.system.entry.js +1 -0
  45. package/dist/baloise-design-system/{p-1c2dee82c4.system.entry.js → p-222bc9b30e.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-0af6ae59f5.entry.js → p-22b041a511.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-45fe099fab.entry.js → p-25da216e4f.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-3f8e5df9c5.system.entry.js → p-25e0d82e89.system.entry.js} +1 -1
  49. package/dist/baloise-design-system/p-2d82b78410.entry.js +1 -0
  50. package/dist/baloise-design-system/{p-a0db085f89.entry.js → p-2d8bd11634.entry.js} +1 -1
  51. package/dist/baloise-design-system/p-2db9030ad9.system.entry.js +1 -0
  52. package/dist/baloise-design-system/{p-7d6318e4f1.system.entry.js → p-3128128969.system.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-9a5cb17cb9.entry.js → p-39bc49bc3d.entry.js} +1 -1
  54. package/dist/baloise-design-system/p-3bad0907.system.js +1 -0
  55. package/dist/baloise-design-system/{p-0545b101.js → p-3f1c49d0.js} +1 -1
  56. package/dist/baloise-design-system/{p-2e717f00bb.entry.js → p-4aba4c66ee.entry.js} +1 -1
  57. package/dist/baloise-design-system/{p-9e4fcb76.js → p-54f81c32.js} +1 -1
  58. package/dist/baloise-design-system/{p-7c5868cc.system.js → p-55faac1d.system.js} +1 -1
  59. package/dist/baloise-design-system/{p-34ee3721dd.entry.js → p-5b571a9fb1.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-a8f6447224.entry.js → p-60e94f8144.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-06e959a11a.entry.js → p-6164f99bb8.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-6608061443.system.entry.js → p-62ab1f0ae2.system.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-053d572047.system.entry.js → p-62b792a34b.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-118e15f5f2.system.entry.js → p-74f4b9818b.system.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-439518e5ed.entry.js → p-77f5e777e6.entry.js} +1 -1
  66. package/dist/baloise-design-system/{p-6ddfa58338.entry.js → p-7c42a363f3.entry.js} +1 -1
  67. package/dist/baloise-design-system/p-7cd815d3e8.entry.js +1 -0
  68. package/dist/baloise-design-system/p-80b45dd4d6.system.entry.js +1 -0
  69. package/dist/baloise-design-system/{p-af5b58ab1c.system.entry.js → p-8870e1f3e0.system.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-3cb83cf9.system.js → p-8a87b9a8.system.js} +1 -1
  71. package/dist/baloise-design-system/{p-99e5872214.system.entry.js → p-8c209ac52b.system.entry.js} +1 -1
  72. package/dist/baloise-design-system/p-8f77c423ad.entry.js +1 -0
  73. package/dist/baloise-design-system/{p-de726703ce.entry.js → p-8fe94b9e21.entry.js} +1 -1
  74. package/dist/baloise-design-system/{p-1b76afbf.js → p-94efe2aa.js} +1 -1
  75. package/dist/baloise-design-system/{p-0ce86357bd.entry.js → p-9658f4a66f.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-4112f1cc6e.entry.js → p-9a0640d065.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-c3bd665a8b.entry.js → p-9e167705ca.entry.js} +1 -1
  78. package/dist/baloise-design-system/{p-e619be36b2.system.entry.js → p-9ecce014c2.system.entry.js} +1 -1
  79. package/dist/baloise-design-system/p-a19d1e1d.js +1 -0
  80. package/dist/baloise-design-system/{p-115c7e47bd.entry.js → p-a8022ee701.entry.js} +1 -1
  81. package/dist/baloise-design-system/{p-9038dd3550.entry.js → p-a97cbb7dda.entry.js} +1 -1
  82. package/dist/baloise-design-system/p-acb5cea0.system.js +1 -0
  83. package/dist/baloise-design-system/p-ae28b86fe5.entry.js +1 -0
  84. package/dist/baloise-design-system/p-b779742f50.entry.js +1 -0
  85. package/dist/baloise-design-system/{p-bda509c8.js → p-b8d99064.js} +1 -1
  86. package/dist/baloise-design-system/p-b8f085f7b5.system.entry.js +1 -0
  87. package/dist/baloise-design-system/{p-7ca7b4dad9.system.entry.js → p-b97d9336a7.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-2b27e981ed.entry.js → p-b9f197815f.entry.js} +1 -1
  89. package/dist/baloise-design-system/{p-afe91abbd5.system.entry.js → p-bb3914c87a.system.entry.js} +1 -1
  90. package/dist/baloise-design-system/p-bb6304d0.system.js +1 -0
  91. package/dist/baloise-design-system/p-bcbb5b59f3.system.entry.js +1 -0
  92. package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -0
  93. package/dist/baloise-design-system/{p-b89bb101d7.entry.js → p-bcebf41b74.entry.js} +1 -1
  94. package/dist/baloise-design-system/p-bd5de78b2c.entry.js +1 -0
  95. package/dist/baloise-design-system/p-c304d5fa9c.entry.js +1 -0
  96. package/dist/baloise-design-system/{p-4e7e0fe4.system.js → p-cc61fac8.system.js} +1 -1
  97. package/dist/baloise-design-system/{p-f9c9ec626c.system.entry.js → p-cd8e72d87f.system.entry.js} +1 -1
  98. package/dist/baloise-design-system/{p-e4f6e3047f.system.entry.js → p-d16557d133.system.entry.js} +1 -1
  99. package/dist/baloise-design-system/p-d7a758b3.js +1 -0
  100. package/dist/baloise-design-system/{p-29f7274983.system.entry.js → p-d919753ed0.system.entry.js} +1 -1
  101. package/dist/baloise-design-system/p-d9b38501.js +1 -0
  102. package/dist/baloise-design-system/p-d9d229a026.entry.js +1 -0
  103. package/dist/baloise-design-system/{p-13227d037a.system.entry.js → p-dbc2d22240.system.entry.js} +1 -1
  104. package/dist/baloise-design-system/{p-a9e5eba8c9.system.entry.js → p-dce3764ee5.system.entry.js} +1 -1
  105. package/dist/baloise-design-system/{p-1eeee9a37e.entry.js → p-ddf9b2a289.entry.js} +1 -1
  106. package/dist/baloise-design-system/{p-03ec11adc1.system.entry.js → p-e4de708de1.system.entry.js} +1 -1
  107. package/dist/baloise-design-system/p-e60c936359.system.entry.js +1 -0
  108. package/dist/baloise-design-system/p-e78a6409.js +1 -0
  109. package/dist/baloise-design-system/{p-f55c50abfa.system.entry.js → p-f076d1ed4f.system.entry.js} +1 -1
  110. package/dist/baloise-design-system/{p-283d037ce7.system.entry.js → p-f0b43f1452.system.entry.js} +1 -1
  111. package/dist/baloise-design-system/{p-d78eeb433a.entry.js → p-f12abda2db.entry.js} +1 -1
  112. package/dist/baloise-design-system/{p-f3ea10dd64.system.entry.js → p-f1b95d78af.system.entry.js} +1 -1
  113. package/dist/baloise-design-system/{p-ef373ed3db.entry.js → p-f56fb1a197.entry.js} +1 -1
  114. package/dist/baloise-design-system/{p-b213175c21.entry.js → p-f8974d743d.entry.js} +1 -1
  115. package/dist/baloise-design-system/p-f8a98657a1.entry.js +1 -0
  116. package/dist/cjs/app-globals-ae3a8623.js +11 -0
  117. package/dist/cjs/aria-c8955a5c.js +5 -0
  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 +3 -2
  121. package/dist/cjs/bal-close.cjs.entry.js +2 -2
  122. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +2 -2
  123. package/dist/cjs/bal-date.cjs.entry.js +1 -1
  124. package/dist/cjs/bal-datepicker.cjs.entry.js +4 -4
  125. package/dist/cjs/bal-dropdown.cjs.entry.js +660 -0
  126. package/dist/cjs/bal-field_5.cjs.entry.js +12 -2
  127. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  128. package/dist/cjs/bal-hint_3.cjs.entry.js +3 -3
  129. package/dist/cjs/bal-icon.cjs.entry.js +1 -1
  130. package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
  131. package/dist/cjs/bal-label.cjs.entry.js +1 -1
  132. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  133. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  134. package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
  135. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  136. package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
  137. package/dist/cjs/bal-option_2.cjs.entry.js +541 -0
  138. package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
  139. package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
  140. package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
  141. package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
  142. package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
  143. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  144. package/dist/cjs/bal-spinner.cjs.entry.js +49 -4
  145. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  146. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  147. package/dist/cjs/bal-tag_2.cjs.entry.js +1 -1
  148. package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
  149. package/dist/cjs/baloise-design-system.cjs.js +4 -5
  150. package/dist/cjs/{breakpoints.decorator-5a45d298.js → breakpoints.decorator-47fd6060.js} +1 -1
  151. package/dist/cjs/{breakpoints.subject-ee6b98cd.js → breakpoints.subject-66093c8f.js} +1 -1
  152. package/dist/cjs/{config.default-32725178.js → config.default-5bdd6e3d.js} +1 -0
  153. package/dist/cjs/index.cjs.js +6 -4
  154. package/dist/cjs/{initialize-e38e7028.js → initialize-2a19d091.js} +9 -2
  155. package/dist/cjs/loader.cjs.js +4 -5
  156. package/dist/cjs/option-c33cf2b8.js +49 -0
  157. package/dist/cjs/{tokens.esm-b37c935b.js → tokens.esm-bb0ef2db.js} +1 -1
  158. package/dist/collection/collection-manifest.json +15 -2
  159. package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.css +1 -1
  160. package/dist/collection/components/bal-checkbox/bal-checkbox.js +2 -1
  161. package/dist/collection/components/bal-checkbox/radio-checkbox.css +1 -1
  162. package/dist/collection/components/bal-close/bal-close.js +1 -1
  163. package/dist/collection/components/bal-date/bal-date-calendar/components/bal-date-calendar__list.js +1 -1
  164. package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -0
  165. package/dist/collection/components/bal-dropdown/bal-dropdown.interfaces.js +4 -0
  166. package/dist/collection/components/bal-dropdown/bal-dropdown.js +882 -0
  167. package/dist/collection/components/bal-field/bal-field.js +12 -2
  168. package/dist/collection/components/bal-option/bal-option.css +1 -0
  169. package/dist/collection/components/bal-option/bal-option.interfaces.js +4 -0
  170. package/dist/collection/components/bal-option/bal-option.js +360 -0
  171. package/dist/collection/components/bal-option-list/bal-option-list.css +1 -0
  172. package/dist/collection/components/bal-option-list/bal-option-list.interfaces.js +4 -0
  173. package/dist/collection/components/bal-option-list/bal-option-list.js +939 -0
  174. package/dist/collection/components/bal-select/bal-select.js +3 -3
  175. package/dist/collection/components/bal-spinner/bal-spinner.css +1 -1
  176. package/dist/collection/components/bal-spinner/bal-spinner.interfaces.js +4 -0
  177. package/dist/collection/components/bal-spinner/bal-spinner.js +83 -4
  178. package/dist/collection/components/bal-tag/bal-tag.css +1 -1
  179. package/dist/collection/index.js +1 -0
  180. package/dist/collection/utils/aria.js +1 -0
  181. package/dist/collection/utils/config/config.default.js +1 -0
  182. package/dist/collection/utils/config/config.js +7 -0
  183. package/dist/collection/utils/constants/version.constant.js +1 -1
  184. package/dist/collection/utils/dropdown/auto-fill.js +38 -0
  185. package/dist/collection/utils/dropdown/component.js +1 -0
  186. package/dist/collection/utils/dropdown/dropdown.i18n.js +52 -0
  187. package/dist/collection/utils/dropdown/events.js +43 -0
  188. package/dist/collection/utils/dropdown/filters.js +10 -0
  189. package/dist/collection/utils/dropdown/focus.js +19 -0
  190. package/dist/collection/utils/dropdown/form-submit.js +35 -0
  191. package/dist/collection/utils/dropdown/icon.js +15 -0
  192. package/dist/collection/utils/dropdown/index.js +13 -0
  193. package/dist/collection/utils/dropdown/input.js +12 -0
  194. package/dist/collection/utils/dropdown/option-list.js +8 -0
  195. package/dist/collection/utils/dropdown/option.js +44 -0
  196. package/dist/collection/utils/dropdown/popup.js +45 -0
  197. package/dist/collection/utils/dropdown/value.js +103 -0
  198. package/dist/esm/app-globals-b0dd0fc4.js +9 -0
  199. package/dist/esm/aria-d5877698.js +3 -0
  200. package/dist/esm/bal-carousel_2.entry.js +4 -4
  201. package/dist/esm/bal-checkbox-button.entry.js +1 -1
  202. package/dist/esm/bal-checkbox_2.entry.js +4 -3
  203. package/dist/esm/bal-close.entry.js +2 -2
  204. package/dist/esm/bal-date-calendar_2.entry.js +4 -4
  205. package/dist/esm/bal-date.entry.js +3 -3
  206. package/dist/esm/bal-datepicker.entry.js +5 -5
  207. package/dist/esm/bal-dropdown.entry.js +656 -0
  208. package/dist/esm/bal-field_5.entry.js +12 -2
  209. package/dist/esm/bal-file-upload.entry.js +1 -1
  210. package/dist/esm/bal-footer.entry.js +2 -2
  211. package/dist/esm/bal-hint_3.entry.js +3 -3
  212. package/dist/esm/bal-icon.entry.js +1 -1
  213. package/dist/esm/bal-input-stepper.entry.js +2 -2
  214. package/dist/esm/bal-label.entry.js +1 -1
  215. package/dist/esm/bal-list_8.entry.js +3 -3
  216. package/dist/esm/bal-logo.entry.js +3 -3
  217. package/dist/esm/bal-nav_8.entry.js +4 -4
  218. package/dist/esm/bal-navbar_5.entry.js +3 -3
  219. package/dist/esm/bal-number-input.entry.js +2 -2
  220. package/dist/esm/bal-option_2.entry.js +536 -0
  221. package/dist/esm/bal-pagination.entry.js +4 -4
  222. package/dist/esm/bal-popover_2.entry.js +3 -3
  223. package/dist/esm/bal-popup.entry.js +1 -1
  224. package/dist/esm/bal-progress-bar.entry.js +3 -3
  225. package/dist/esm/bal-radio_2.entry.js +2 -2
  226. package/dist/esm/bal-select_2.entry.js +3 -3
  227. package/dist/esm/bal-shape.entry.js +1 -1
  228. package/dist/esm/bal-spinner.entry.js +50 -5
  229. package/dist/esm/bal-steps.entry.js +4 -4
  230. package/dist/esm/bal-tab-item_2.entry.js +4 -4
  231. package/dist/esm/bal-tag_2.entry.js +1 -1
  232. package/dist/esm/bal-time-input.entry.js +1 -1
  233. package/dist/esm/baloise-design-system.js +4 -5
  234. package/dist/esm/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
  235. package/dist/esm/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
  236. package/dist/esm/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -0
  237. package/dist/esm/{date-f02fdb08.js → date-38a0b208.js} +1 -1
  238. package/dist/esm/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
  239. package/dist/esm/index.js +8 -7
  240. package/dist/esm/{initialize-66615dde.js → initialize-e216cfe4.js} +9 -2
  241. package/dist/esm/loader.js +4 -5
  242. package/dist/esm/option-37cb0282.js +46 -0
  243. package/dist/esm/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +1 -1
  244. package/dist/esm-es5/app-globals-b0dd0fc4.js +1 -0
  245. package/dist/esm-es5/aria-d5877698.js +1 -0
  246. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  247. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  248. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  249. package/dist/esm-es5/bal-close.entry.js +1 -1
  250. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  251. package/dist/esm-es5/bal-date.entry.js +1 -1
  252. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  253. package/dist/esm-es5/bal-dropdown.entry.js +1 -0
  254. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  255. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  256. package/dist/esm-es5/bal-footer.entry.js +1 -1
  257. package/dist/esm-es5/bal-hint_3.entry.js +1 -1
  258. package/dist/esm-es5/bal-icon.entry.js +1 -1
  259. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  260. package/dist/esm-es5/bal-label.entry.js +1 -1
  261. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  262. package/dist/esm-es5/bal-logo.entry.js +1 -1
  263. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  264. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  265. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  266. package/dist/esm-es5/bal-option_2.entry.js +1 -0
  267. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  268. package/dist/esm-es5/bal-popover_2.entry.js +1 -1
  269. package/dist/esm-es5/bal-popup.entry.js +1 -1
  270. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  271. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  272. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  273. package/dist/esm-es5/bal-shape.entry.js +1 -1
  274. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  275. package/dist/esm-es5/bal-steps.entry.js +1 -1
  276. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  277. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  278. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  279. package/dist/esm-es5/baloise-design-system.js +1 -1
  280. package/dist/esm-es5/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
  281. package/dist/esm-es5/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
  282. package/dist/esm-es5/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -1
  283. package/dist/esm-es5/{date-f02fdb08.js → date-38a0b208.js} +1 -1
  284. package/dist/esm-es5/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
  285. package/dist/esm-es5/index.js +1 -1
  286. package/dist/esm-es5/{initialize-66615dde.js → initialize-e216cfe4.js} +1 -1
  287. package/dist/esm-es5/loader.js +1 -1
  288. package/dist/esm-es5/option-37cb0282.js +1 -0
  289. package/dist/html.html-data.json +357 -0
  290. package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +187 -0
  291. package/dist/types/components/bal-dropdown/bal-dropdown.interfaces.d.ts +14 -0
  292. package/dist/types/components/bal-field/bal-field.d.ts +1 -0
  293. package/dist/types/components/bal-option/bal-option.d.ts +91 -0
  294. package/dist/types/components/bal-option/bal-option.interfaces.d.ts +19 -0
  295. package/dist/types/components/bal-option-list/bal-option-list.d.ts +168 -0
  296. package/dist/types/components/bal-option-list/bal-option-list.interfaces.d.ts +5 -0
  297. package/dist/types/components/bal-select/bal-select.d.ts +1 -1
  298. package/dist/types/components/bal-spinner/bal-spinner.d.ts +14 -2
  299. package/dist/types/components/bal-spinner/bal-spinner.interfaces.d.ts +6 -0
  300. package/dist/types/components.d.ts +443 -32
  301. package/dist/types/index.d.ts +1 -0
  302. package/dist/types/interfaces.d.ts +4 -0
  303. package/dist/types/utils/aria.d.ts +1 -0
  304. package/dist/types/utils/config/config.d.ts +2 -0
  305. package/dist/types/utils/config/config.types.d.ts +2 -0
  306. package/dist/types/utils/dropdown/auto-fill.d.ts +8 -0
  307. package/dist/types/utils/dropdown/component.d.ts +34 -0
  308. package/dist/types/utils/dropdown/dropdown.i18n.d.ts +8 -0
  309. package/dist/types/utils/dropdown/events.d.ts +13 -0
  310. package/dist/types/utils/dropdown/filters.d.ts +2 -0
  311. package/dist/types/utils/dropdown/focus.d.ts +13 -0
  312. package/dist/types/utils/dropdown/form-submit.d.ts +22 -0
  313. package/dist/types/utils/dropdown/icon.d.ts +13 -0
  314. package/dist/types/utils/dropdown/index.d.ts +13 -0
  315. package/dist/types/utils/dropdown/input.d.ts +27 -0
  316. package/dist/types/utils/dropdown/option-list.d.ts +17 -0
  317. package/dist/types/utils/dropdown/option.d.ts +25 -0
  318. package/dist/types/utils/dropdown/popup.d.ts +9 -0
  319. package/dist/types/utils/dropdown/value.d.ts +28 -0
  320. package/package.json +7 -7
  321. package/components/bal-app2.js +0 -87
  322. package/components/bal-doc-app.js +0 -260
  323. package/components/initialize.js +0 -281
  324. package/dist/baloise-design-system/p-1e0e5892a3.system.entry.js +0 -1
  325. package/dist/baloise-design-system/p-2ae9656e.system.js +0 -1
  326. package/dist/baloise-design-system/p-2dda46c5f8.entry.js +0 -1
  327. package/dist/baloise-design-system/p-320dd651.js +0 -1
  328. package/dist/baloise-design-system/p-4e218ac923.system.entry.js +0 -1
  329. package/dist/baloise-design-system/p-4f4df156.js +0 -1
  330. package/dist/baloise-design-system/p-87067c24.js +0 -1
  331. package/dist/baloise-design-system/p-8ea27b553e.system.entry.js +0 -1
  332. package/dist/baloise-design-system/p-96647117d9.entry.js +0 -1
  333. package/dist/baloise-design-system/p-9d114fae.js +0 -1
  334. package/dist/baloise-design-system/p-9ee6326d8f.entry.js +0 -1
  335. package/dist/baloise-design-system/p-a4d60ac8af.system.entry.js +0 -1
  336. package/dist/baloise-design-system/p-a8d19cb362.system.entry.js +0 -1
  337. package/dist/baloise-design-system/p-b0870e2498.system.entry.js +0 -1
  338. package/dist/baloise-design-system/p-b1c7ddc442.system.entry.js +0 -1
  339. package/dist/baloise-design-system/p-b1e3fc0bc8.entry.js +0 -1
  340. package/dist/baloise-design-system/p-c0a3d422.system.js +0 -1
  341. package/dist/baloise-design-system/p-c34504aa32.entry.js +0 -1
  342. package/dist/baloise-design-system/p-d6fc0dd434.entry.js +0 -1
  343. package/dist/baloise-design-system/p-db3e6b861f.entry.js +0 -1
  344. package/dist/baloise-design-system/p-e960037ef1.entry.js +0 -1
  345. package/dist/baloise-design-system/p-f15be367.system.js +0 -1
  346. package/dist/baloise-design-system/p-f8c2d916.system.js +0 -1
  347. package/dist/baloise-design-system/p-fa8f56c6.system.js +0 -1
  348. package/dist/cjs/app-globals-1a8f18e4.js +0 -7
  349. package/dist/cjs/bal-doc-app.cjs.entry.js +0 -231
  350. package/dist/cjs/global-6ea60588.js +0 -9
  351. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +0 -1
  352. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +0 -229
  353. package/dist/esm/app-globals-e3e23c19.js +0 -5
  354. package/dist/esm/bal-doc-app.entry.js +0 -227
  355. package/dist/esm/global-d54e7c09.js +0 -7
  356. package/dist/esm-es5/app-globals-e3e23c19.js +0 -1
  357. package/dist/esm-es5/bal-doc-app.entry.js +0 -1
  358. package/dist/esm-es5/global-d54e7c09.js +0 -1
  359. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +0 -21
  360. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +0 -81
  361. /package/dist/baloise-design-system/{p-8f430e01.system.js → p-03c136e2.system.js} +0 -0
  362. /package/dist/baloise-design-system/{p-2b04a8d8.js → p-7b9c33ba.js} +0 -0
  363. /package/dist/esm-es5/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +0 -0
@@ -1 +0,0 @@
1
- System.register(["./p-456fc561.system.js","./p-8949aa8b.system.js","./p-db0895e2.system.js"],(function(a){"use strict";var l,r,t,e,b,o,i;return{setters:[function(a){l=a.r;r=a.c;t=a.h;e=a.H;b=a.g},function(a){o=a.i},function(a){i=a.B}],execute:function(){var g=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-text-size-small) !important;font-weight:var(--bal-font-weight-regular) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var n=g;var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick",7);this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var g=this.color!=="";var n="is-".concat(this.color).concat(this.light?"-light":"");var s="is-disabled";var c=this.disabled;var d="is-".concat(this.position);var u=this.position!==undefined;return t(e,Object.assign({"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(n).class(g)),l.modifier(s).class(c)),l.modifier(d).class(u)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(n).class(g)),r.modifier(s).class(c)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},t("slot",null)),t("bal-close",Object.assign({class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return t(e,{class:"bal-tag-group"},t("slot",null))};return a}())}}}));
@@ -1 +0,0 @@
1
- import{r as e,h as o,H as t,g as s}from"./p-d7c752c6.js";import{_ as a,a as i}from"./p-43c9f5e9.js";import{i as r}from"./p-dd5e13d1.js";import{B as n}from"./p-ae86d0a0.js";import{i as l}from"./p-a0fe8d65.js";import{d as c}from"./p-4f4df156.js";import{L as b}from"./p-69e7c8d6.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const d=class{constructor(o){e(this,o),this.inheritedAttributes={},this.language=c.language,this.region=c.region,this.size="",this.inverted=!1}componentWillRender(){this.inheritedAttributes=r(this.el,["tabindex"])}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=n.block("close"),s=e.element("button"),a=s.element("icon"),i=l[this.language].close;return o(t,{class:Object.assign({},e.class())},o("button",Object.assign({type:"button","aria-label":i,title:i,class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(this.inverted)),s.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},this.inheritedAttributes),o("bal-icon",{name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},a.class())})))}get el(){return s(this)}};a([b(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],d.prototype,"configChanged",null),d.style="@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active),.bal-close__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";export{d as bal_close}
@@ -1 +0,0 @@
1
- System.register(["./p-23bdd8dc.system.js","./p-b3f2c626.system.js"],(function(a){"use strict";var n,o,c,e,l,b,t,I,r,s,i,u,g,d,f,v,C,m,p,L,h,k,w,D,G,N,y,U;return{setters:[function(a){n=a.d},function(a){o=a.b;c=a.a;e=a.c;l=a.d;b=a.e;t=a.f;I=a.g;r=a.h;s=a.i;i=a.j;u=a.k;g=a.l;d=a.m;f=a.n;v=a.o;C=a.p;m=a.q;p=a.r;L=a.s;h=a.t;k=a.u;w=a.v;D=a.w;G=a.x;N=a.y;y=a.z;U=a.A}],execute:function(){var j={balIconClose:o,balIconInfoCircle:c,balIconPlus:e,balIconMinus:l,balIconEdit:b,balIconTrash:t,balIconNavGoLeft:I,balIconNavGoRight:r,balIconNavGoDown:s,balIconNavGoUp:i,balIconCheck:u,balIconDate:g,balIconDocument:d,balIconUpload:f,balIconMenuBars:v,balIconFacebook:C,balIconInstagram:m,balIconLinkedin:p,balIconTwitter:L,balIconX:h,balIconXing:k,balIconYoutube:w,balIconWeb:D,balIconCaretDown:G,balIconCaretLeft:N,balIconCaretRight:y,balIconCaretUp:U};var M=a("d",{region:"CH",language:"de",allowedLanguages:["de","fr","it","en"],icons:j,fallbackLanguage:"de",logger:n,animated:true});var R=a("a","".concat(M.language,"-").concat(M.region))}}}));
@@ -1 +0,0 @@
1
- import{r as t,h as s,g as i,H as e}from"./p-d7c752c6.js";import{_ as r,a as n}from"./p-43c9f5e9.js";import{l as a,k as h}from"./p-88f18fbc.js";import{L as o}from"./p-b77e3348.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const c=class{constructor(s){t(this,s),this.animate=async()=>{await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=a((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,s)=>{if(this.animationFunction)return t();h((async()=>{import("./p-53e09ecb.js").then((s=>{this.animationFunction=s.animate,t()})).catch(s)}))})),this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1}createLogger(t){this.log=t}deactivatedWatcher(t,s){t!==s&&(this.deactivated?this.destroy():this.animate())}componentDidLoad(){this.animate()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){return s(e,{role:"progressbar","aria-hidden":"true",style:{width:this.small?"32px":"64px"}})}get el(){return i(this)}static get watchers(){return{deactivated:["deactivatedWatcher"]}}};r([o("bal-spinner"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],c.prototype,"createLogger",null),c.style="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}";export{c as bal_spinner}
@@ -1 +0,0 @@
1
- import{r as l,c as i,h as t,H as a,g as e}from"./p-d7c752c6.js";import{_ as s,a as n}from"./p-43c9f5e9.js";import{e as o,b as d}from"./p-88f18fbc.js";import{d as r}from"./p-f385e205.js";import{L as b}from"./p-3231863d.js";import{B as h}from"./p-ae86d0a0.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const f=class{constructor(t){l(this,t),this.balFormControlDidLoad=i(this,"balFormControlDidLoad",7),this.fieldId="bal-field-"+c++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-datepicker","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild))).flat(),this.mutationObserverActive=!0,this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await o(this.el),await d();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),a=r;l&&(a.labelId=`${this.fieldId}-lbl`),i&&(a.messageId=`${this.fieldId}-msg`);for(let e=0;e<t.length;e++){const s=t[e];0===e?(a.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(a)),await(null==i?void 0:i.setAriaForm(a)),await(null==s?void 0:s.setAriaForm(a))):(a.controlId=`${this.fieldId}-ctrl-${e}`,await(null==s?void 0:s.setAriaForm(a)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const t=this[i];void 0!==t&&this.notifyComponents(l,(l=>l[i]=t))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return t(a,{id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},t("slot",null),t("span",{class:"bal-field-hidden"}))}get el(){return e(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};s([b({subtree:!1,waitAfterFramePrint:!0}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],f.prototype,"mutationListener",null);let c=0;f.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const m=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?t("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?t("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return t(a,{class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},t("slot",null),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},p=class{constructor(i){l(this,i),this.subject="",this.closeLabel="Close",this.small=!1}render(){const l=h.block("field-hint");return t(a,{class:Object.assign({},l.class())},t("bal-hint",{class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?t("bal-hint-title",null,this.subject):"",t("bal-hint-text",null,t("slot",null))))}},u=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return t(a,{class:"bal-field-label"},t("bal-label",{multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},t("slot",null)))}get element(){return e(this)}},g=class{constructor(i){l(this,i),this.ariaForm=r,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return t(a,{id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color}},t("slot",null))}};export{f as bal_field,m as bal_field_control,p as bal_field_hint,u as bal_field_label,g as bal_field_message}
@@ -1 +0,0 @@
1
- import{r as a,c as l,h as r,H as t,g as e}from"./p-d7c752c6.js";import{i as b}from"./p-dd5e13d1.js";import{B as o}from"./p-ae86d0a0.js";const g=class{constructor(r){a(this,r),this.balCloseClick=l(this,"balCloseClick",7),this.inheritedAttributes={},this.inheritedAttributesClose={},this.color="",this.size="",this.closable=!1,this.invalid=!1,this.disabled=!1,this.position="left",this.light=!1,this.transparent=!1}componentWillLoad(){this.inheritedAttributes=b(this.el,["aria-label","title"]),this.inheritedAttributesClose=b(this.el,["tabindex"])}render(){const a=o.block("tag"),l=a.element("label"),e=`is-${this.size}`,b=void 0!==this.size,g=""!==this.color,i=`is-${this.color}${this.light?"-light":""}`,s="is-disabled",n=this.disabled,c=`is-${this.position}`,d=void 0!==this.position;return r(t,Object.assign({"aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(e).class(b)),a.modifier(i).class(g)),a.modifier(s).class(n)),a.modifier(c).class(d)),a.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),r("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(e).class(b)),l.modifier(i).class(g)),l.modifier(s).class(n)),l.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},r("slot",null)),r("bal-close",Object.assign({class:Object.assign({},a.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:"small"===this.size?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:a=>this.balCloseClick.emit(a)},this.inheritedAttributesClose)))}get el(){return e(this)}};g.style=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-text-size-small) !important;font-weight:var(--bal-font-weight-regular) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";const i=class{constructor(l){a(this,l)}render(){return r(t,{class:"bal-tag-group"},r("slot",null))}};export{g as bal_tag,i as bal_tag_group}