@baloise/ds-core 19.8.0 → 19.8.1

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 (452) hide show
  1. package/components/bal-footer.js +3 -4
  2. package/components/index.js +1 -1
  3. package/components/number.js +0 -1
  4. package/components/tokens.esm.js +1 -1
  5. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  6. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  7. package/dist/baloise-design-system/index.esm.js +1 -1
  8. package/dist/baloise-design-system/{p-1050f72e94.entry.js → p-0907fd261f.entry.js} +1 -1
  9. package/dist/baloise-design-system/{p-4a75081223.system.entry.js → p-09348ab262.system.entry.js} +1 -1
  10. package/dist/baloise-design-system/{p-664f74b097.entry.js → p-09bcea6590.entry.js} +1 -1
  11. package/dist/baloise-design-system/{p-8e1ddbd79e.entry.js → p-09dea19d2d.entry.js} +1 -1
  12. package/dist/baloise-design-system/{p-06d829bb8c.entry.js → p-0fad8a1e31.entry.js} +1 -1
  13. package/dist/baloise-design-system/{p-e75bb970cd.system.entry.js → p-0fe98f59a4.system.entry.js} +1 -1
  14. package/dist/baloise-design-system/{p-f6b61e01ca.entry.js → p-113691a62f.entry.js} +1 -1
  15. package/dist/baloise-design-system/{p-9008c10871.entry.js → p-1516c91d4e.entry.js} +1 -1
  16. package/dist/baloise-design-system/{p-422922fb9d.system.entry.js → p-1638d00f2d.system.entry.js} +1 -1
  17. package/dist/baloise-design-system/{p-6cd2e5362b.entry.js → p-1744fb223c.entry.js} +1 -1
  18. package/dist/baloise-design-system/{p-31150f03b2.entry.js → p-1a1b714236.entry.js} +1 -1
  19. package/dist/baloise-design-system/{p-c79355fa96.entry.js → p-1a48f63b91.entry.js} +1 -1
  20. package/dist/baloise-design-system/{p-f21f6bfec0.entry.js → p-1d177e7449.entry.js} +1 -1
  21. package/dist/baloise-design-system/{p-a99cb6029f.system.entry.js → p-1d3f76cacc.system.entry.js} +1 -1
  22. package/dist/baloise-design-system/{p-0ba0743330.entry.js → p-1edf81b274.entry.js} +1 -1
  23. package/dist/baloise-design-system/{p-9876082d1d.system.entry.js → p-29be3c5644.system.entry.js} +1 -1
  24. package/dist/baloise-design-system/{p-bcc029d0f4.system.entry.js → p-2ad2cd8a77.system.entry.js} +1 -1
  25. package/dist/baloise-design-system/{p-622ef3e35e.system.entry.js → p-2d88aa248e.system.entry.js} +1 -1
  26. package/dist/baloise-design-system/{p-7f8803350f.entry.js → p-32ed11b23d.entry.js} +1 -1
  27. package/dist/baloise-design-system/{p-6e0da5f37d.entry.js → p-33e4fc1641.entry.js} +1 -1
  28. package/dist/baloise-design-system/{p-60a312bb1f.entry.js → p-34251be01a.entry.js} +1 -1
  29. package/dist/baloise-design-system/{p-cf6b3e0039.entry.js → p-37022683b7.entry.js} +1 -1
  30. package/dist/baloise-design-system/{p-a76e4a486c.entry.js → p-380c5803d9.entry.js} +1 -1
  31. package/dist/baloise-design-system/{p-ae3a61511b.entry.js → p-3d9e2e7f78.entry.js} +1 -1
  32. package/dist/baloise-design-system/{p-3d12fd2ec7.entry.js → p-3eb7056b78.entry.js} +1 -1
  33. package/dist/baloise-design-system/{p-9ae811a07e.entry.js → p-4173b195f5.entry.js} +1 -1
  34. package/dist/baloise-design-system/{p-aa48246c20.entry.js → p-429b6209eb.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-ed86c65b59.entry.js → p-446235d66d.entry.js} +1 -1
  36. package/dist/baloise-design-system/{p-178f1cbb5e.system.entry.js → p-4592890c87.system.entry.js} +1 -1
  37. package/dist/baloise-design-system/{p-51f8ec0740.system.entry.js → p-46048d30b3.system.entry.js} +1 -1
  38. package/dist/baloise-design-system/{p-442193fad9.entry.js → p-46aaffaa70.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-def6b8b910.system.entry.js → p-48180ac5f9.system.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-85ccd1ea69.system.entry.js → p-4861d5c268.system.entry.js} +1 -1
  41. package/dist/baloise-design-system/{p-c93a0d6be9.system.entry.js → p-4ab1baaeb2.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-e0e278a371.entry.js → p-4cbacb2728.entry.js} +1 -1
  43. package/dist/baloise-design-system/{p-4e434a0d76.entry.js → p-4fde0820a2.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-059d1bd757.system.entry.js → p-5233b94b59.system.entry.js} +1 -1
  45. package/dist/baloise-design-system/{p-1e35b8b8e8.system.entry.js → p-54252e93ae.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-fef06defc9.system.entry.js → p-5437056c7e.system.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-fcf6c2e7cd.entry.js → p-5579956bdd.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-35cb73e536.entry.js → p-57303f4cf0.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-39e9822b45.system.entry.js → p-5b7e9f6bcd.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-f0fa54372a.system.entry.js → p-60249e3303.system.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-e2ddde1ed7.system.entry.js → p-63d9b0dc71.system.entry.js} +1 -1
  52. package/dist/baloise-design-system/{p-485b9d90a9.system.entry.js → p-63f29c8ce7.system.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-c3e044040a.system.entry.js → p-6845434665.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/p-6JPfxkH9.system.js +2 -0
  55. package/dist/baloise-design-system/{p-b595d60939.entry.js → p-6a2d541345.entry.js} +1 -1
  56. package/dist/baloise-design-system/{p-bfedb6ebae.system.entry.js → p-6af4878ee1.system.entry.js} +1 -1
  57. package/dist/baloise-design-system/{p-8cdc36a87b.system.entry.js → p-6b7cef6b56.system.entry.js} +1 -1
  58. package/dist/baloise-design-system/{p-f0a38f9386.entry.js → p-6bb94607cc.entry.js} +1 -1
  59. package/dist/baloise-design-system/{p-b3c74809a0.entry.js → p-6c724b0bf7.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-b010b289c8.system.entry.js → p-6c89fe7777.system.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-525d0d10bc.entry.js → p-6d016ad721.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-38930ed648.entry.js → p-6f8769f0fd.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-9ce29e3b46.system.entry.js → p-7255ac5e19.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-ab8b9230bd.entry.js → p-76f24c46ea.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-5f8634b062.entry.js → p-77ed6cef4e.entry.js} +1 -1
  66. package/dist/baloise-design-system/{p-d7f1e5a198.entry.js → p-78d48f3d1a.entry.js} +1 -1
  67. package/dist/baloise-design-system/{p-56e7ced4dd.entry.js → p-7b01f90676.entry.js} +1 -1
  68. package/dist/baloise-design-system/{p-8c7b0dfea2.system.entry.js → p-8395c0a19a.system.entry.js} +1 -1
  69. package/dist/baloise-design-system/{p-f5b21b8f34.entry.js → p-83b74d79ee.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-746e21cd73.entry.js → p-845bb5b65f.entry.js} +1 -1
  71. package/dist/baloise-design-system/{p-69c0cb691c.system.entry.js → p-85453d4b0a.system.entry.js} +1 -1
  72. package/dist/baloise-design-system/{p-8ded15417f.system.entry.js → p-85f99546f7.system.entry.js} +1 -1
  73. package/dist/baloise-design-system/{p-d499922ef7.system.entry.js → p-880d0279db.system.entry.js} +1 -1
  74. package/dist/baloise-design-system/{p-1de9f5ece5.system.entry.js → p-885b4ff00d.system.entry.js} +1 -1
  75. package/dist/baloise-design-system/{p-c4d011d573.entry.js → p-966e81fde2.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-516b55ce12.system.entry.js → p-97dca06bad.system.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-e11ea28729.system.entry.js → p-98d8c0b274.system.entry.js} +1 -1
  78. package/dist/baloise-design-system/{p-84bfe9d7a3.system.entry.js → p-98fedb26af.system.entry.js} +1 -1
  79. package/dist/baloise-design-system/{p-5b67e94074.system.entry.js → p-99be7132f1.system.entry.js} +1 -1
  80. package/dist/baloise-design-system/{p-17ad28c3c0.system.entry.js → p-9a7614a6da.system.entry.js} +1 -1
  81. package/dist/baloise-design-system/{p-955f452d7e.system.entry.js → p-9ccc9420aa.system.entry.js} +1 -1
  82. package/dist/baloise-design-system/p-9ed893d2f1.entry.js +1 -0
  83. package/dist/baloise-design-system/{p-41583e6135.system.entry.js → p-9f46f38337.system.entry.js} +1 -1
  84. package/dist/baloise-design-system/{p-9d6f2e7465.entry.js → p-9faad04082.entry.js} +1 -1
  85. package/dist/baloise-design-system/{p-DZOwskv1.js → p-9kAhgg3Z.js} +1 -1
  86. package/dist/baloise-design-system/{p-BPQ6sr9R.js → p-B1Sh_O8b.js} +1 -1
  87. package/dist/baloise-design-system/{p-B9FzjbD2.js → p-B5KM7rHn.js} +1 -1
  88. package/dist/baloise-design-system/{p-CvgV77eH.js → p-B97IGjGv.js} +1 -1
  89. package/dist/baloise-design-system/{p-Cxq4J7Yu.system.js → p-BCLQO-UH.system.js} +1 -1
  90. package/dist/baloise-design-system/{p-1g8_l-hY.system.js → p-BDsO8HVR.system.js} +1 -1
  91. package/dist/baloise-design-system/{p-CfGmccbO.system.js → p-BL1JHkgM.system.js} +1 -1
  92. package/dist/baloise-design-system/{p-D_tCZU7Z.js → p-BUT7svFW.js} +1 -1
  93. package/dist/baloise-design-system/{p-BRtGrfBl.js → p-BYjxFsKZ.js} +1 -1
  94. package/dist/baloise-design-system/{p-Chns0XSm.system.js → p-BdMT8-qh.system.js} +1 -1
  95. package/dist/baloise-design-system/p-BgWhYta3.js +2 -0
  96. package/dist/baloise-design-system/p-BiQW-kmH.js +1 -0
  97. package/dist/baloise-design-system/{p-DBUYMIOZ.js → p-BuwrUtcI.js} +1 -1
  98. package/dist/baloise-design-system/{p-ATpaffG2.js → p-C-0U-EV8.js} +1 -1
  99. package/dist/baloise-design-system/{p-eGKTo7XG.system.js → p-C89aCsha.system.js} +1 -1
  100. package/dist/baloise-design-system/{p-CEia1Bcb.system.js → p-C8rDagP9.system.js} +1 -1
  101. package/dist/baloise-design-system/{p-Tax-FovQ.js → p-C9gtg7pC.js} +1 -1
  102. package/dist/baloise-design-system/{p-S0PfBzNO.system.js → p-C9hJ2TuZ.system.js} +1 -1
  103. package/dist/baloise-design-system/{p-at_1ryUN.system.js → p-CPvYKxnJ.system.js} +1 -1
  104. package/dist/baloise-design-system/{p-CfAiWVwH.system.js → p-CdRteRAi.system.js} +1 -1
  105. package/dist/baloise-design-system/{p-zBEUMikg.system.js → p-CeQR6IVh.system.js} +1 -1
  106. package/dist/baloise-design-system/p-Clusr4_J.system.js +1 -0
  107. package/dist/baloise-design-system/{p-DMYflQVU.system.js → p-CmT779RG.system.js} +1 -1
  108. package/dist/baloise-design-system/{p-BHYcTU7V.js → p-CpCwptFO.js} +1 -1
  109. package/dist/baloise-design-system/{p-_GOiBme3.system.js → p-Csghe1wj.system.js} +1 -1
  110. package/dist/baloise-design-system/{p-Bv6lV8bS.system.js → p-CvJZJ5PO.system.js} +1 -1
  111. package/dist/baloise-design-system/{p-YZKAyrM-.js → p-CzMY8q3l.js} +1 -1
  112. package/dist/baloise-design-system/{p-CwsaXXwG.js → p-CzSV5e8r.js} +1 -1
  113. package/dist/baloise-design-system/{p-BgIKtf9f.system.js → p-D4O83t4p.system.js} +1 -1
  114. package/dist/baloise-design-system/{p-DS0STRcD.system.js → p-D4gL5qCn.system.js} +1 -1
  115. package/dist/baloise-design-system/{p-1G4qfwwT.system.js → p-DA9xpxCC.system.js} +1 -1
  116. package/dist/baloise-design-system/{p-agvsCUoy.js → p-DMPBkH8m.js} +1 -1
  117. package/dist/baloise-design-system/{p-BXnhjosJ.js → p-DXVk9Ina.js} +1 -1
  118. package/dist/baloise-design-system/{p-DCJgQ6H8.system.js → p-DYGnSrkp.system.js} +1 -1
  119. package/dist/baloise-design-system/{p-CvoqQgru.js → p-DblLSfCr.js} +1 -1
  120. package/dist/baloise-design-system/{p-D8hNfBgq.system.js → p-DeoFxI9e.system.js} +1 -1
  121. package/dist/baloise-design-system/{p-DWFDan_k.js → p-DkkPrFJ4.js} +1 -1
  122. package/dist/baloise-design-system/p-DrYtyUx4.js +1 -0
  123. package/dist/baloise-design-system/{p-B-x84i5x.system.js → p-Dv-qApwY.system.js} +1 -1
  124. package/dist/baloise-design-system/{p-BvrPByKE.system.js → p-YxrA2V8G.system.js} +1 -1
  125. package/dist/baloise-design-system/{p-BpQdAaY_.js → p-Zfrf1YrK.js} +1 -1
  126. package/dist/baloise-design-system/{p-b6d192053f.entry.js → p-a24b0f04ac.entry.js} +1 -1
  127. package/dist/baloise-design-system/{p-77cb751b6d.entry.js → p-a49cbc975f.entry.js} +1 -1
  128. package/dist/baloise-design-system/{p-b017fcbecd.entry.js → p-aa6b291c05.entry.js} +1 -1
  129. package/dist/baloise-design-system/{p-ddb8e3d8b9.system.entry.js → p-ab4f18d946.system.entry.js} +1 -1
  130. package/dist/baloise-design-system/{p-b6602c3564.system.entry.js → p-ad13e4b26b.system.entry.js} +1 -1
  131. package/dist/baloise-design-system/{p-1c527a5e62.system.entry.js → p-af0438175b.system.entry.js} +1 -1
  132. package/dist/baloise-design-system/{p-33495592c4.system.entry.js → p-af25440706.system.entry.js} +1 -1
  133. package/dist/baloise-design-system/{p-9844053d4f.entry.js → p-b06c400104.entry.js} +1 -1
  134. package/dist/baloise-design-system/{p-2ff08780a4.system.entry.js → p-b6348cd01c.system.entry.js} +1 -1
  135. package/dist/baloise-design-system/{p-a3a0018651.system.entry.js → p-b69dfb2589.system.entry.js} +1 -1
  136. package/dist/baloise-design-system/{p-37aaece6f1.system.entry.js → p-b799463233.system.entry.js} +1 -1
  137. package/dist/baloise-design-system/p-b7df7d7313.entry.js +1 -0
  138. package/dist/baloise-design-system/{p-184f189251.system.entry.js → p-b8e45544f8.system.entry.js} +1 -1
  139. package/dist/baloise-design-system/{p-92a5e9a4fa.entry.js → p-bb3c1187e2.entry.js} +1 -1
  140. package/dist/baloise-design-system/{p-a9ee113146.entry.js → p-bcd83d427a.entry.js} +1 -1
  141. package/dist/baloise-design-system/{p-5fb78d65e6.system.entry.js → p-bdeea100d1.system.entry.js} +1 -1
  142. package/dist/baloise-design-system/{p-e75b0c9b8b.system.entry.js → p-be6dadb482.system.entry.js} +1 -1
  143. package/dist/baloise-design-system/{p-4fd47019e3.entry.js → p-c0ec248967.entry.js} +1 -1
  144. package/dist/baloise-design-system/{p-4c2c0f3ec3.system.entry.js → p-c7b4bbf341.system.entry.js} +1 -1
  145. package/dist/baloise-design-system/{p-d73e3f5c8a.system.entry.js → p-c88b2139c4.system.entry.js} +1 -1
  146. package/dist/baloise-design-system/{p-b786333f7e.system.entry.js → p-c89d33981c.system.entry.js} +1 -1
  147. package/dist/baloise-design-system/{p-232fa1f698.entry.js → p-c90ec8cdb3.entry.js} +1 -1
  148. package/dist/baloise-design-system/{p-DA3x7XDv.js → p-cH5PDB1i.js} +1 -1
  149. package/dist/baloise-design-system/{p-e2e2e8ad72.entry.js → p-ce3e28b217.entry.js} +1 -1
  150. package/dist/baloise-design-system/{p-0456c46a9e.system.entry.js → p-cfbff4d0c5.system.entry.js} +1 -1
  151. package/dist/baloise-design-system/{p-91a0994350.system.entry.js → p-d1816d3426.system.entry.js} +1 -1
  152. package/dist/baloise-design-system/{p-7ac5cdc633.system.entry.js → p-dc17e3d1b7.system.entry.js} +1 -1
  153. package/dist/baloise-design-system/{p-72394a2972.system.entry.js → p-dcd16c9edf.system.entry.js} +1 -1
  154. package/dist/baloise-design-system/{p-3b38ab8640.entry.js → p-e2ff5ec460.entry.js} +1 -1
  155. package/dist/baloise-design-system/{p-a12223957d.entry.js → p-e5e10f7330.entry.js} +1 -1
  156. package/dist/baloise-design-system/{p-6997fa8906.entry.js → p-e61b2c3ea9.entry.js} +1 -1
  157. package/dist/baloise-design-system/{p-33712cf48e.system.entry.js → p-ea6194816f.system.entry.js} +1 -1
  158. package/dist/baloise-design-system/{p-1be5c40030.system.entry.js → p-eb318eae31.system.entry.js} +1 -1
  159. package/dist/baloise-design-system/{p-c7cf430436.entry.js → p-ef2aa99689.entry.js} +1 -1
  160. package/dist/baloise-design-system/{p-7823b13193.entry.js → p-f2f3785849.entry.js} +1 -1
  161. package/dist/baloise-design-system/{p-e585aaa865.system.entry.js → p-f5da815d40.system.entry.js} +1 -1
  162. package/dist/baloise-design-system/{p-11864d0e94.system.entry.js → p-f931d7af5f.system.entry.js} +1 -1
  163. package/dist/baloise-design-system/p-fa6414dc04.entry.js +1 -0
  164. package/dist/baloise-design-system/{p-4fbf49f2a9.entry.js → p-faf0583f17.entry.js} +1 -1
  165. package/dist/baloise-design-system/{p-052c55fb24.system.entry.js → p-fb932a0e2d.system.entry.js} +1 -1
  166. package/dist/baloise-design-system/{p-23b48c0bda.entry.js → p-fc05075fc7.entry.js} +1 -1
  167. package/dist/baloise-design-system/{p-a93139e2b2.entry.js → p-fe41123fad.entry.js} +1 -1
  168. package/dist/baloise-design-system/{p-035438a0ac.system.entry.js → p-ffdfc86824.system.entry.js} +1 -1
  169. package/dist/baloise-design-system/{p-CoLBN4oG.system.js → p-irA_rSP3.system.js} +1 -1
  170. package/dist/baloise-design-system/{p-CaeWBpSS.js → p-lN4h2Pow.js} +1 -1
  171. package/dist/baloise-design-system/{p-DiHWLu0P.system.js → p-m9_QZ3Uf.system.js} +1 -1
  172. package/dist/baloise-design-system/{p-DPb6DTS5.system.js → p-t17chohV.system.js} +1 -1
  173. package/dist/baloise-design-system/p-vMVVyc3d.js +1 -0
  174. package/dist/cjs/{animation.decorator-BIwrHnDv.js → animation.decorator-DvBKgd0w.js} +2 -2
  175. package/dist/cjs/bal-accordion_4.cjs.entry.js +3 -3
  176. package/dist/cjs/bal-app.cjs.entry.js +2 -2
  177. package/dist/cjs/bal-badge.cjs.entry.js +1 -1
  178. package/dist/cjs/bal-button_2.cjs.entry.js +1 -1
  179. package/dist/cjs/bal-card_6.cjs.entry.js +1 -1
  180. package/dist/cjs/bal-carousel_2.cjs.entry.js +15 -15
  181. package/dist/cjs/bal-check.cjs.entry.js +1 -1
  182. package/dist/cjs/bal-checkbox_2.cjs.entry.js +6 -6
  183. package/dist/cjs/bal-close.cjs.entry.js +2 -2
  184. package/dist/cjs/bal-content.cjs.entry.js +1 -1
  185. package/dist/cjs/bal-data_4.cjs.entry.js +2 -2
  186. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +2 -2
  187. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +8 -8
  188. package/dist/cjs/bal-date.cjs.entry.js +5 -5
  189. package/dist/cjs/bal-divider.cjs.entry.js +1 -1
  190. package/dist/cjs/bal-dropdown.cjs.entry.js +4 -4
  191. package/dist/cjs/bal-field_5.cjs.entry.js +9 -9
  192. package/dist/cjs/bal-file-upload.cjs.entry.js +2 -2
  193. package/dist/cjs/bal-footer.cjs.entry.js +5 -6
  194. package/dist/cjs/bal-form-col_2.cjs.entry.js +1 -1
  195. package/dist/cjs/bal-form.cjs.entry.js +1 -1
  196. package/dist/cjs/bal-heading_2.cjs.entry.js +1 -1
  197. package/dist/cjs/bal-hint_5.cjs.entry.js +8 -8
  198. package/dist/cjs/bal-icon.cjs.entry.js +2 -2
  199. package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
  200. package/dist/cjs/bal-input-slider.cjs.entry.js +2 -2
  201. package/dist/cjs/bal-input-stepper.cjs.entry.js +4 -4
  202. package/dist/cjs/bal-input.cjs.entry.js +2 -2
  203. package/dist/cjs/bal-label.cjs.entry.js +2 -2
  204. package/dist/cjs/bal-list_8.cjs.entry.js +10 -10
  205. package/dist/cjs/bal-logo.cjs.entry.js +7 -7
  206. package/dist/cjs/bal-modal_3.cjs.entry.js +3 -3
  207. package/dist/cjs/bal-nav_8.cjs.entry.js +12 -12
  208. package/dist/cjs/bal-navbar_5.cjs.entry.js +8 -8
  209. package/dist/cjs/bal-notices_3.cjs.entry.js +1 -1
  210. package/dist/cjs/bal-notification.cjs.entry.js +1 -1
  211. package/dist/cjs/bal-number-input.cjs.entry.js +4 -4
  212. package/dist/cjs/bal-option_2.cjs.entry.js +4 -4
  213. package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
  214. package/dist/cjs/bal-popup.cjs.entry.js +3 -3
  215. package/dist/cjs/bal-progress-bar.cjs.entry.js +8 -8
  216. package/dist/cjs/bal-radio-icon.cjs.entry.js +1 -1
  217. package/dist/cjs/bal-radio_2.cjs.entry.js +6 -6
  218. package/dist/cjs/bal-segment_2.cjs.entry.js +12 -12
  219. package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
  220. package/dist/cjs/bal-shape.cjs.entry.js +2 -2
  221. package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
  222. package/dist/cjs/bal-spinner.cjs.entry.js +2 -2
  223. package/dist/cjs/bal-stack.cjs.entry.js +1 -1
  224. package/dist/cjs/bal-stage_6.cjs.entry.js +1 -1
  225. package/dist/cjs/bal-step-item.cjs.entry.js +1 -1
  226. package/dist/cjs/bal-steps.cjs.entry.js +8 -8
  227. package/dist/cjs/bal-switch.cjs.entry.js +1 -1
  228. package/dist/cjs/bal-tab-item_2.cjs.entry.js +16 -16
  229. package/dist/cjs/bal-table.cjs.entry.js +1 -1
  230. package/dist/cjs/bal-tag_2.cjs.entry.js +1 -1
  231. package/dist/cjs/bal-textarea.cjs.entry.js +2 -2
  232. package/dist/cjs/bal-time-input.cjs.entry.js +3 -3
  233. package/dist/cjs/bal-tooltip.cjs.entry.js +3 -3
  234. package/dist/cjs/baloise-design-system.cjs.js +1 -1
  235. package/dist/cjs/{breakpoints.decorator-CsgYjV5e.js → breakpoints.decorator-CQyM5NAJ.js} +1 -1
  236. package/dist/cjs/{breakpoints.subject-Bd3caIq4.js → breakpoints.subject-C9TQkRfu.js} +4 -4
  237. package/dist/cjs/{config.decorator-CAhT6DB_.js → config.decorator-D_YTqpYj.js} +1 -1
  238. package/dist/cjs/{date-Dte3mBkq.js → date-CA-bG6cD.js} +1 -1
  239. package/dist/cjs/{device-D_5TdgdC.js → device-CrnZOym8.js} +1 -1
  240. package/dist/cjs/{element-states.decorator-BhZCtQbs.js → element-states.decorator-0udYH_TL.js} +2 -2
  241. package/dist/cjs/{floating-ui-CK7-EAXQ.js → floating-ui-T_yqQ0TC.js} +1 -1
  242. package/dist/cjs/{focus.decorator-DvDiL-cw.js → focus.decorator-Bu4qsoNG.js} +2 -2
  243. package/dist/cjs/{form-input-xt5ySNzH.js → form-input-DBZuEpuy.js} +1 -1
  244. package/dist/cjs/{index-CP3lGz14.js → index-TwNDE7ev.js} +121 -121
  245. package/dist/cjs/index.cjs.js +10 -10
  246. package/dist/cjs/{listener-eTGFjyDz.js → listener-h1eTpBYL.js} +1 -1
  247. package/dist/cjs/loader.cjs.js +1 -1
  248. package/dist/cjs/{mutation.decorator-_CRR1nB1.js → mutation.decorator-C3JICFwA.js} +2 -2
  249. package/dist/cjs/{number-DJ24f1us.js → number-B6kudt4D.js} +1 -2
  250. package/dist/cjs/{overlays-CFXszFvd.js → overlays-CkF6MI3c.js} +1 -1
  251. package/dist/cjs/{resize.decorator-BsKwxe9G.js → resize.decorator-Cxv0R8v_.js} +2 -2
  252. package/dist/cjs/{scroll-BSWnN3b6.js → scroll-DU1EZHWg.js} +1 -1
  253. package/dist/cjs/{swipe.decorator--kfHEnq2.js → swipe.decorator-B69SZ4Jn.js} +1 -1
  254. package/dist/cjs/{swipe.subject-BelVq5gd.js → swipe.subject-BbLTKDyB.js} +3 -3
  255. package/dist/cjs/{swiper.util-B82TXQ_w.js → swiper.util-B4hvYgKv.js} +2 -2
  256. package/dist/cjs/{tokens.esm-BUAnNwkp.js → tokens.esm-BldEtOLV.js} +1 -1
  257. package/dist/cjs/{visibility.decorator-CtF4tHb1.js → visibility.decorator-CC35M6Un.js} +2 -2
  258. package/dist/cjs/{window-resize.decorator-2VNvD-G7.js → window-resize.decorator-Br61amxZ.js} +1 -1
  259. package/dist/cjs/{window-resize.subject-CCky_Gjs.js → window-resize.subject-BUj29HRO.js} +3 -3
  260. package/dist/collection/components/bal-footer/bal-footer.js +3 -4
  261. package/dist/collection/initialize.js +1 -1
  262. package/dist/collection/utils/constants/version.constant.js +1 -1
  263. package/dist/collection/utils/number.js +0 -1
  264. package/dist/esm/{animation.decorator-vhFv-JdV.js → animation.decorator-CNK3bJ6X.js} +2 -2
  265. package/dist/esm/bal-accordion_4.entry.js +3 -3
  266. package/dist/esm/bal-app.entry.js +2 -2
  267. package/dist/esm/bal-badge.entry.js +1 -1
  268. package/dist/esm/bal-button_2.entry.js +1 -1
  269. package/dist/esm/bal-card_6.entry.js +1 -1
  270. package/dist/esm/bal-carousel_2.entry.js +15 -15
  271. package/dist/esm/bal-check.entry.js +1 -1
  272. package/dist/esm/bal-checkbox_2.entry.js +6 -6
  273. package/dist/esm/bal-close.entry.js +2 -2
  274. package/dist/esm/bal-content.entry.js +1 -1
  275. package/dist/esm/bal-data_4.entry.js +2 -2
  276. package/dist/esm/bal-date-calendar-cell.entry.js +2 -2
  277. package/dist/esm/bal-date-calendar_2.entry.js +8 -8
  278. package/dist/esm/bal-date.entry.js +5 -5
  279. package/dist/esm/bal-divider.entry.js +1 -1
  280. package/dist/esm/bal-dropdown.entry.js +4 -4
  281. package/dist/esm/bal-field_5.entry.js +9 -9
  282. package/dist/esm/bal-file-upload.entry.js +2 -2
  283. package/dist/esm/bal-footer.entry.js +5 -6
  284. package/dist/esm/bal-form-col_2.entry.js +1 -1
  285. package/dist/esm/bal-form.entry.js +1 -1
  286. package/dist/esm/bal-heading_2.entry.js +1 -1
  287. package/dist/esm/bal-hint_5.entry.js +8 -8
  288. package/dist/esm/bal-icon.entry.js +2 -2
  289. package/dist/esm/bal-input-group.entry.js +1 -1
  290. package/dist/esm/bal-input-slider.entry.js +2 -2
  291. package/dist/esm/bal-input-stepper.entry.js +4 -4
  292. package/dist/esm/bal-input.entry.js +2 -2
  293. package/dist/esm/bal-label.entry.js +2 -2
  294. package/dist/esm/bal-list_8.entry.js +10 -10
  295. package/dist/esm/bal-logo.entry.js +7 -7
  296. package/dist/esm/bal-modal_3.entry.js +3 -3
  297. package/dist/esm/bal-nav_8.entry.js +12 -12
  298. package/dist/esm/bal-navbar_5.entry.js +8 -8
  299. package/dist/esm/bal-notices_3.entry.js +1 -1
  300. package/dist/esm/bal-notification.entry.js +1 -1
  301. package/dist/esm/bal-number-input.entry.js +4 -4
  302. package/dist/esm/bal-option_2.entry.js +4 -4
  303. package/dist/esm/bal-pagination.entry.js +7 -7
  304. package/dist/esm/bal-popup.entry.js +3 -3
  305. package/dist/esm/bal-progress-bar.entry.js +8 -8
  306. package/dist/esm/bal-radio-icon.entry.js +1 -1
  307. package/dist/esm/bal-radio_2.entry.js +6 -6
  308. package/dist/esm/bal-segment_2.entry.js +12 -12
  309. package/dist/esm/bal-select_2.entry.js +2 -2
  310. package/dist/esm/bal-shape.entry.js +2 -2
  311. package/dist/esm/bal-sheet.entry.js +1 -1
  312. package/dist/esm/bal-spinner.entry.js +2 -2
  313. package/dist/esm/bal-stack.entry.js +1 -1
  314. package/dist/esm/bal-stage_6.entry.js +1 -1
  315. package/dist/esm/bal-step-item.entry.js +1 -1
  316. package/dist/esm/bal-steps.entry.js +8 -8
  317. package/dist/esm/bal-switch.entry.js +1 -1
  318. package/dist/esm/bal-tab-item_2.entry.js +16 -16
  319. package/dist/esm/bal-table.entry.js +1 -1
  320. package/dist/esm/bal-tag_2.entry.js +1 -1
  321. package/dist/esm/bal-textarea.entry.js +2 -2
  322. package/dist/esm/bal-time-input.entry.js +3 -3
  323. package/dist/esm/bal-tooltip.entry.js +3 -3
  324. package/dist/esm/baloise-design-system.js +2 -2
  325. package/dist/esm/{breakpoints.decorator-ZB0xLyh9.js → breakpoints.decorator-DPFzYtUR.js} +1 -1
  326. package/dist/esm/{breakpoints.subject-wNA_Q1j5.js → breakpoints.subject-B4lpOFRU.js} +4 -4
  327. package/dist/esm/{config.decorator-ComxCRvh.js → config.decorator-FwS7csea.js} +1 -1
  328. package/dist/esm/{date-qLZJcjkv.js → date-wScrQINJ.js} +1 -1
  329. package/dist/esm/{device-DT_jgFo1.js → device-CWdcsnSc.js} +1 -1
  330. package/dist/esm/{element-states.decorator-_6uH3hvi.js → element-states.decorator-BPErBZif.js} +2 -2
  331. package/dist/esm/{floating-ui-kujr4RUr.js → floating-ui-CNYJCYYO.js} +1 -1
  332. package/dist/esm/{focus.decorator-ChfGhroq.js → focus.decorator-BBUVspZX.js} +2 -2
  333. package/dist/esm/{form-input-DQl5OvyZ.js → form-input-Dv0N9pEu.js} +1 -1
  334. package/dist/esm/{index-BD2o1F4P.js → index-BgWhYta3.js} +121 -121
  335. package/dist/esm/index.js +13 -13
  336. package/dist/esm/{listener-BBbVS0yJ.js → listener-BCxt7kj7.js} +1 -1
  337. package/dist/esm/loader.js +2 -2
  338. package/dist/esm/{mutation.decorator-DvB2cFVm.js → mutation.decorator-DVnSOGDK.js} +2 -2
  339. package/dist/esm/{number-CamQr1E4.js → number-oUZz7C1l.js} +1 -2
  340. package/dist/esm/{overlays-C7tvWjpD.js → overlays-B9nzshwp.js} +1 -1
  341. package/dist/esm/{resize.decorator-BDQZ3RTK.js → resize.decorator-xO0LVkHO.js} +2 -2
  342. package/dist/esm/{scroll-CzGJfhvt.js → scroll-Dhp_eUkh.js} +1 -1
  343. package/dist/esm/{swipe.decorator-tmflcqz0.js → swipe.decorator-Bk0DXvq0.js} +1 -1
  344. package/dist/esm/{swipe.subject-5n2bQ2Ww.js → swipe.subject-CCKruupP.js} +3 -3
  345. package/dist/esm/{swiper.util-CFLgQWQv.js → swiper.util-vb9wIkyd.js} +2 -2
  346. package/dist/esm/{tokens.esm-C7ySnb0w.js → tokens.esm-BuOIriY2.js} +1 -1
  347. package/dist/esm/{visibility.decorator-uIXSFIyv.js → visibility.decorator-C5quU420.js} +2 -2
  348. package/dist/esm/{window-resize.decorator-Dtb8gxAo.js → window-resize.decorator-kT7q2s-o.js} +1 -1
  349. package/dist/esm/{window-resize.subject-VS51emX-.js → window-resize.subject-CP9YONGI.js} +3 -3
  350. package/dist/esm-es5/{animation.decorator-vhFv-JdV.js → animation.decorator-CNK3bJ6X.js} +1 -1
  351. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  352. package/dist/esm-es5/bal-app.entry.js +1 -1
  353. package/dist/esm-es5/bal-badge.entry.js +1 -1
  354. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  355. package/dist/esm-es5/bal-card_6.entry.js +1 -1
  356. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  357. package/dist/esm-es5/bal-check.entry.js +1 -1
  358. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  359. package/dist/esm-es5/bal-close.entry.js +1 -1
  360. package/dist/esm-es5/bal-content.entry.js +1 -1
  361. package/dist/esm-es5/bal-data_4.entry.js +1 -1
  362. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  363. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  364. package/dist/esm-es5/bal-date.entry.js +1 -1
  365. package/dist/esm-es5/bal-divider.entry.js +1 -1
  366. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  367. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  368. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  369. package/dist/esm-es5/bal-footer.entry.js +1 -1
  370. package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
  371. package/dist/esm-es5/bal-form.entry.js +1 -1
  372. package/dist/esm-es5/bal-heading_2.entry.js +1 -1
  373. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  374. package/dist/esm-es5/bal-icon.entry.js +1 -1
  375. package/dist/esm-es5/bal-input-group.entry.js +1 -1
  376. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  377. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  378. package/dist/esm-es5/bal-input.entry.js +1 -1
  379. package/dist/esm-es5/bal-label.entry.js +1 -1
  380. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  381. package/dist/esm-es5/bal-logo.entry.js +1 -1
  382. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  383. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  384. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  385. package/dist/esm-es5/bal-notices_3.entry.js +1 -1
  386. package/dist/esm-es5/bal-notification.entry.js +1 -1
  387. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  388. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  389. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  390. package/dist/esm-es5/bal-popup.entry.js +1 -1
  391. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  392. package/dist/esm-es5/bal-radio-icon.entry.js +1 -1
  393. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  394. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  395. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  396. package/dist/esm-es5/bal-shape.entry.js +1 -1
  397. package/dist/esm-es5/bal-sheet.entry.js +1 -1
  398. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  399. package/dist/esm-es5/bal-stack.entry.js +1 -1
  400. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  401. package/dist/esm-es5/bal-step-item.entry.js +1 -1
  402. package/dist/esm-es5/bal-steps.entry.js +1 -1
  403. package/dist/esm-es5/bal-switch.entry.js +1 -1
  404. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  405. package/dist/esm-es5/bal-table.entry.js +1 -1
  406. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  407. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  408. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  409. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  410. package/dist/esm-es5/baloise-design-system.js +1 -1
  411. package/dist/esm-es5/{breakpoints.decorator-ZB0xLyh9.js → breakpoints.decorator-DPFzYtUR.js} +1 -1
  412. package/dist/esm-es5/{breakpoints.subject-wNA_Q1j5.js → breakpoints.subject-B4lpOFRU.js} +1 -1
  413. package/dist/esm-es5/{config.decorator-ComxCRvh.js → config.decorator-FwS7csea.js} +1 -1
  414. package/dist/esm-es5/{date-qLZJcjkv.js → date-wScrQINJ.js} +1 -1
  415. package/dist/esm-es5/{device-DT_jgFo1.js → device-CWdcsnSc.js} +1 -1
  416. package/dist/esm-es5/element-states.decorator-BPErBZif.js +1 -0
  417. package/dist/esm-es5/{floating-ui-kujr4RUr.js → floating-ui-CNYJCYYO.js} +1 -1
  418. package/dist/esm-es5/{focus.decorator-ChfGhroq.js → focus.decorator-BBUVspZX.js} +1 -1
  419. package/dist/esm-es5/{form-input-DQl5OvyZ.js → form-input-Dv0N9pEu.js} +1 -1
  420. package/dist/esm-es5/index-BgWhYta3.js +2 -0
  421. package/dist/esm-es5/index.js +1 -1
  422. package/dist/esm-es5/{listener-BBbVS0yJ.js → listener-BCxt7kj7.js} +1 -1
  423. package/dist/esm-es5/loader.js +1 -1
  424. package/dist/esm-es5/{mutation.decorator-DvB2cFVm.js → mutation.decorator-DVnSOGDK.js} +1 -1
  425. package/dist/esm-es5/number-oUZz7C1l.js +1 -0
  426. package/dist/esm-es5/{overlays-C7tvWjpD.js → overlays-B9nzshwp.js} +1 -1
  427. package/dist/esm-es5/resize.decorator-xO0LVkHO.js +1 -0
  428. package/dist/esm-es5/{scroll-CzGJfhvt.js → scroll-Dhp_eUkh.js} +1 -1
  429. package/dist/esm-es5/{swipe.decorator-tmflcqz0.js → swipe.decorator-Bk0DXvq0.js} +1 -1
  430. package/dist/esm-es5/{swipe.subject-5n2bQ2Ww.js → swipe.subject-CCKruupP.js} +1 -1
  431. package/dist/esm-es5/{swiper.util-CFLgQWQv.js → swiper.util-vb9wIkyd.js} +1 -1
  432. package/dist/esm-es5/visibility.decorator-C5quU420.js +1 -0
  433. package/dist/esm-es5/{window-resize.decorator-Dtb8gxAo.js → window-resize.decorator-kT7q2s-o.js} +1 -1
  434. package/dist/esm-es5/{window-resize.subject-VS51emX-.js → window-resize.subject-CP9YONGI.js} +1 -1
  435. package/package.json +6 -6
  436. package/dist/baloise-design-system/p-0087cdfec1.entry.js +0 -1
  437. package/dist/baloise-design-system/p-64d608517a.entry.js +0 -1
  438. package/dist/baloise-design-system/p-B9GXle5V.js +0 -1
  439. package/dist/baloise-design-system/p-BD2o1F4P.js +0 -2
  440. package/dist/baloise-design-system/p-BxMkJJm0.system.js +0 -1
  441. package/dist/baloise-design-system/p-CBMgyOmf.system.js +0 -2
  442. package/dist/baloise-design-system/p-DSH2mecT.js +0 -1
  443. package/dist/baloise-design-system/p-DmcaVYuR.js +0 -1
  444. package/dist/baloise-design-system/p-c51af450ee.entry.js +0 -1
  445. package/dist/esm-es5/element-states.decorator-_6uH3hvi.js +0 -1
  446. package/dist/esm-es5/index-BD2o1F4P.js +0 -2
  447. package/dist/esm-es5/number-CamQr1E4.js +0 -1
  448. package/dist/esm-es5/resize.decorator-BDQZ3RTK.js +0 -1
  449. package/dist/esm-es5/visibility.decorator-uIXSFIyv.js +0 -1
  450. /package/dist/baloise-design-system/{p-CV9t6g9O.system.js → p-Btbv5cUj.system.js} +0 -0
  451. /package/dist/baloise-design-system/{p-C7ySnb0w.js → p-BuOIriY2.js} +0 -0
  452. /package/dist/esm-es5/{tokens.esm-C7ySnb0w.js → tokens.esm-BuOIriY2.js} +0 -0
package/dist/esm-es5/bal-radio-icon.entry.js CHANGED
@@ -1 +1 @@
1
- import{H as registerInstance,M as h,N as Host}from"./index-BD2o1F4P.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balRadioIconCss=':root{--bal-radio-icon-size:1.5rem;--bal-radio-icon-border-width:2px;--bal-radio-icon-border-radius:var(--bal-radius-rounded);--bal-radio-icon-inner-width:0.375rem;--bal-radio-icon-inner-height:0.375rem;--bal-radio-icon-inner-background-checked:white;--bal-radio-icon-color-inverted:var(--bal-color-white);--bal-radio-icon-border-color:var(--bal-color-primary);--bal-radio-icon-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-checked:var(--bal-color-primary);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-background:transparent;--bal-radio-icon-background-hovered:var(--bal-color-grey-2);--bal-radio-icon-background-pressed:var(--bal-color-grey-2);--bal-radio-icon-background-checked:var(--bal-color-primary);--bal-radio-icon-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-invalid:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-invalid:transparent;--bal-radio-icon-background-invalid-hovered:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-pressed:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-disabled:var(--bal-color-grey-2);--bal-radio-icon-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-radio-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-radio-icon-size);max-width:var(--bal-radio-icon-size);height:var(--bal-radio-icon-size);max-height:var(--bal-radio-icon-size);border-radius:var(--bal-radio-icon-border-radius);overflow:hidden;border:var(--bal-radio-icon-border-width) solid var(--bal-radio-icon-border-color);background-color:var(--bal-radio-icon-background)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--hovered,.bal-radio-icon:hover{background:var(--bal-radio-icon-background-hovered);border-color:var(--bal-radio-icon-border-color-hovered)}}.bal-radio-icon--pressed,.bal-radio-icon:active{background:var(--bal-radio-icon-background-pressed);border-color:var(--bal-radio-icon-border-color-pressed)}.bal-radio-icon:after{display:block;content:"";background-color:rgba(0,0,0,0);border-radius:var(--bal-radio-icon-border-radius);width:var(--bal-radio-icon-inner-width, 0.375rem);height:var(--bal-radio-icon-inner-height, 0.375rem)}.bal-radio-icon bal-icon{opacity:0}.bal-radio-icon--checked:after{background-color:var(--bal-radio-icon-inner-background-checked)}.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked);border-color:var(--bal-radio-icon-border-color-checked)}.bal-radio-icon--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--checked:hover{background:var(--bal-radio-icon-background-checked-hovered);border-color:var(--bal-radio-icon-border-color-checked-hovered)}}.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--checked:active{background:var(--bal-radio-icon-background-checked-pressed);border-color:var(--bal-radio-icon-border-color-checked-pressed)}.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--invalid{border-color:var(--bal-radio-icon-border-color-invalid);background-color:var(--bal-radio-icon-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--hovered,.bal-radio-icon--invalid:hover{background-color:var(--bal-radio-icon-background-invalid-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--pressed,.bal-radio-icon--invalid:active{background-color:var(--bal-radio-icon-background-invalid-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked{border-color:var(--bal-radio-icon-border-color-invalid);background:var(--bal-radio-icon-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--invalid.bal-radio-icon--checked:hover{background-color:var(--bal-radio-icon-background-invalid-checked-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--invalid.bal-radio-icon--checked:active{background-color:var(--bal-radio-icon-background-invalid-checked-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--disabled{cursor:default !important;background:var(--bal-radio-icon-background-disabled) !important;border-color:var(--bal-radio-icon-border-color-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked-disabled) !important;border-color:var(--bal-radio-icon-border-color-checked-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted) !important}';var RadioIcon=function(){function r(r){registerInstance(this,r);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}r.prototype.render=function(){var r=BEM.block("radio-icon");var o=!!this.checked;var a=!!this.disabled;var d=!!this.invalid;var i=!!this.inverted;return h(Host,{key:"0662e5a528a5dbadfaa8763a06acb7baa46b223d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("checked").class(o)),r.modifier("disabled").class(a)),r.modifier("invalid").class(d)),r.modifier("inverted").class(i)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed))})};return r}();RadioIcon.style=balRadioIconCss;export{RadioIcon as bal_radio_icon};
1
+ import{H as registerInstance,M as h,N as Host}from"./index-BgWhYta3.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balRadioIconCss=':root{--bal-radio-icon-size:1.5rem;--bal-radio-icon-border-width:2px;--bal-radio-icon-border-radius:var(--bal-radius-rounded);--bal-radio-icon-inner-width:0.375rem;--bal-radio-icon-inner-height:0.375rem;--bal-radio-icon-inner-background-checked:white;--bal-radio-icon-color-inverted:var(--bal-color-white);--bal-radio-icon-border-color:var(--bal-color-primary);--bal-radio-icon-border-color-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-checked:var(--bal-color-primary);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-background:transparent;--bal-radio-icon-background-hovered:var(--bal-color-grey-2);--bal-radio-icon-background-pressed:var(--bal-color-grey-2);--bal-radio-icon-background-checked:var(--bal-color-primary);--bal-radio-icon-background-checked-hovered:var(--bal-color-border-primary-hovered);--bal-radio-icon-background-checked-pressed:var(--bal-color-border-primary-pressed);--bal-radio-icon-border-color-invalid:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-border-color-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-border-color-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-invalid:transparent;--bal-radio-icon-background-invalid-hovered:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-pressed:var(--bal-color-danger-1);--bal-radio-icon-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-icon-background-invalid-checked-hovered:var(--bal-color-border-danger-hovered);--bal-radio-icon-background-invalid-checked-pressed:var(--bal-color-border-danger-pressed);--bal-radio-icon-background-disabled:var(--bal-color-grey-2);--bal-radio-icon-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-background-checked-disabled:var(--bal-color-border-grey-dark);--bal-radio-icon-border-color-checked-disabled:var(--bal-color-border-grey-dark)}.bal-radio-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bal-radio-icon-size);max-width:var(--bal-radio-icon-size);height:var(--bal-radio-icon-size);max-height:var(--bal-radio-icon-size);border-radius:var(--bal-radio-icon-border-radius);overflow:hidden;border:var(--bal-radio-icon-border-width) solid var(--bal-radio-icon-border-color);background-color:var(--bal-radio-icon-background)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--hovered,.bal-radio-icon:hover{background:var(--bal-radio-icon-background-hovered);border-color:var(--bal-radio-icon-border-color-hovered)}}.bal-radio-icon--pressed,.bal-radio-icon:active{background:var(--bal-radio-icon-background-pressed);border-color:var(--bal-radio-icon-border-color-pressed)}.bal-radio-icon:after{display:block;content:"";background-color:rgba(0,0,0,0);border-radius:var(--bal-radio-icon-border-radius);width:var(--bal-radio-icon-inner-width, 0.375rem);height:var(--bal-radio-icon-inner-height, 0.375rem)}.bal-radio-icon bal-icon{opacity:0}.bal-radio-icon--checked:after{background-color:var(--bal-radio-icon-inner-background-checked)}.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked);border-color:var(--bal-radio-icon-border-color-checked)}.bal-radio-icon--checked bal-icon{opacity:1}@media (hover: hover)and (pointer: fine){.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--checked:hover{background:var(--bal-radio-icon-background-checked-hovered);border-color:var(--bal-radio-icon-border-color-checked-hovered)}}.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--checked:active{background:var(--bal-radio-icon-background-checked-pressed);border-color:var(--bal-radio-icon-border-color-checked-pressed)}.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--invalid{border-color:var(--bal-radio-icon-border-color-invalid);background-color:var(--bal-radio-icon-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--hovered,.bal-radio-icon--invalid:hover{background-color:var(--bal-radio-icon-background-invalid-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--pressed,.bal-radio-icon--invalid:active{background-color:var(--bal-radio-icon-background-invalid-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked{border-color:var(--bal-radio-icon-border-color-invalid);background:var(--bal-radio-icon-background-invalid-checked)}@media (hover: hover)and (pointer: fine){.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--hovered,.bal-radio-icon--invalid.bal-radio-icon--checked:hover{background-color:var(--bal-radio-icon-background-invalid-checked-hovered);border-color:var(--bal-radio-icon-border-color-invalid-hovered)}}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--pressed,.bal-radio-icon--invalid.bal-radio-icon--checked:active{background-color:var(--bal-radio-icon-background-invalid-checked-pressed);border-color:var(--bal-radio-icon-border-color-invalid-pressed)}.bal-radio-icon--invalid.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted)}.bal-radio-icon--disabled{cursor:default !important;background:var(--bal-radio-icon-background-disabled) !important;border-color:var(--bal-radio-icon-border-color-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked{background-color:var(--bal-radio-icon-background-checked-disabled) !important;border-color:var(--bal-radio-icon-border-color-checked-disabled) !important}.bal-radio-icon--disabled.bal-radio-icon--checked.bal-radio-icon--inverted{border-color:var(--bal-radio-icon-color-inverted) !important}';var RadioIcon=function(){function r(r){registerInstance(this,r);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.inverted=undefined;this.hovered=false;this.pressed=false}r.prototype.render=function(){var r=BEM.block("radio-icon");var o=!!this.checked;var a=!!this.disabled;var d=!!this.invalid;var i=!!this.inverted;return h(Host,{key:"0662e5a528a5dbadfaa8763a06acb7baa46b223d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("checked").class(o)),r.modifier("disabled").class(a)),r.modifier("invalid").class(d)),r.modifier("inverted").class(i)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed))})};return r}();RadioIcon.style=balRadioIconCss;export{RadioIcon as bal_radio_icon};
package/dist/esm-es5/bal-radio_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,t as isDescendant,M as h,N as Host,O as getElement,Z as hasTagName}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isSpaceKey}from"./index.esm-Btc0yydR.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates}from"./element-states.decorator-_6uH3hvi.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling,c as inputSetFocus,d as inputSetBlur}from"./form-input-DQl5OvyZ.js";import{L as ListenToFocus}from"./focus.decorator-ChfGhroq.js";import{L as ListenToMutation}from"./mutation.decorator-DvB2cFVm.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./index-BU7FUSdu.js";import"./index-D6JOtC1P.js";import"./listener-BBbVS0yJ.js";var balRadioCss="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";var Radio=function(){function a(a){var r=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.inputId="bal-rb-".concat(radioIds++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=defaultBalAriaForm;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){r.checked=a;r.balChange.emit(r.checked)};this.toggleChecked=function(a){a.preventDefault();r.setFocus();r.checked=true;r.setChecked(r.checked)};this.onClick=function(a){if(r.disabled){return}var o=a.target;if(o.href){return}if(r.wasFocused){r.focused=true}r.toggleChecked(a)};this.onFocus=function(a){if(r.disabled||r.readonly){r.focused=false;return stopEventBubbling(a)}r.balFocus.emit(a);if(r.keyboardMode){r.focused=true;r.wasFocused=true}};this.onBlur=function(a){if(r.disabled||r.readonly){return stopEventBubbling(a)}r.balBlur.emit(a);r.focused=false};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){if(!isSpaceKey(a)){r.wasFocused=false}r.keyboardMode=FOCUS_KEYS.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||isDescendant(this.el,a.target))){stopEventBubbling(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetFocus(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetBlur(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=BEM.block("radio");var o=r.element("input");var i=r.element("label");var e=i.element("text");var l=i.element("icon");var t=this.focused&&this.buttonTabindex!==-1;var d=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var n=!this.nonSubmit;var b=this.ariaForm.controlId||this.inputId;var s=this.ariaForm.labelId||null;var c=n?"label":"span";var u=this.inheritedAttributes;if(this.buttonTabindex!==undefined){u.tabIndex=this.buttonTabindex}if(this.labelHidden){u["aria-labelledby"]=s}return h(Host,{key:"382a76b43c4967878e796e20914faaad31c1cb9b","aria-checked":"".concat(this.checked),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":t?"true":null,"aria-labelledby":s,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":t},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},h(c,{key:"473e9946e24bcb342d728ea9401ca6306e6dac33",class:Object.assign({},i.class()),"data-testid":"bal-radio-label"},n?h("input",Object.assign({id:b,type:"radio","data-testid":"bal-radio-input",name:this.name,value:d,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},o.class()),"aria-hidden":ariaBooleanToString(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},u)):"",this.interface!=="tile"?h("div",{class:Object.assign({},l.class())},h("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",h("div",{key:"443a97633b9a93c613218ff53ee97c6f37b2dc8f",class:Object.assign(Object.assign({},e.class()),e.modifier("hidden").class(this.labelHidden))},h("slot",{key:"76cb543fed4b836d6b937d8ff016f8e14e2c6dcc"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Radio.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Radio.prototype,"elementStateListener",null);var radioIds=0;Radio.style=balRadioCss;var balRadioGroupCss=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var RadioGroup=function(){function a(a){var r=this;registerInstance(this,a);this.balChange=createEvent(this,"balChange");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.inputId="bal-rg-".concat(radioGroupIds++);this.inheritedAttributes={};this.ariaForm=defaultBalAriaForm;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var o=r.getRadios();var i=o.find((function(a){return!a.disabled}));var e=o.find((function(r){return r.value===a&&!r.disabled}));if(!i&&!e){return}var l=e||i;for(var t=0,d=o;t<d.length;t++){var n=d[t];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var o=a.target;if(o.href){return}a.preventDefault();var i=a.target&&a.target.closest("bal-radio");if(i&&!i.disabled&&!i.readonly){var e=r.value;var l=i.value;if(l!==e){r.value=l}else if(r.allowEmptySelection){r.value=undefined}r.balChange.emit(r.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(isDescendant(this.el,a.target)){stopEventBubbling(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var o=a.target.closest("bal-radio");if(o&&r.includes(o)){var i=r.findIndex((function(a){return a===o}));var e=r[i];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=i===r.length-1?r[0]:r[i+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=i===0?r[r.length-1]:r[i-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(o){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=BEM.block("radio-group");var o=r.element("inner");var i=this.options||[];var e=i.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return h(Host,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":ariaBooleanToString(this.disabled),onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},h("slot",null),e.map((function(r){return h("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"mutationListener",null);var radioGroupIds=0;RadioGroup.style=balRadioGroupCss;export{Radio as bal_radio,RadioGroup as bal_radio_group};
1
+ import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,t as isDescendant,M as h,N as Host,O as getElement,Z as hasTagName}from"./index-BgWhYta3.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isSpaceKey}from"./index.esm-Btc0yydR.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates}from"./element-states.decorator-BPErBZif.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling,c as inputSetFocus,d as inputSetBlur}from"./form-input-Dv0N9pEu.js";import{L as ListenToFocus}from"./focus.decorator-BBUVspZX.js";import{L as ListenToMutation}from"./mutation.decorator-DVnSOGDK.js";import"./index-zWZxKBfo.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";import"./index-BU7FUSdu.js";import"./index-D6JOtC1P.js";import"./listener-BCxt7kj7.js";var balRadioCss="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";var Radio=function(){function a(a){var r=this;registerInstance(this,a);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.inputId="bal-rb-".concat(radioIds++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=defaultBalAriaForm;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){r.checked=a;r.balChange.emit(r.checked)};this.toggleChecked=function(a){a.preventDefault();r.setFocus();r.checked=true;r.setChecked(r.checked)};this.onClick=function(a){if(r.disabled){return}var o=a.target;if(o.href){return}if(r.wasFocused){r.focused=true}r.toggleChecked(a)};this.onFocus=function(a){if(r.disabled||r.readonly){r.focused=false;return stopEventBubbling(a)}r.balFocus.emit(a);if(r.keyboardMode){r.focused=true;r.wasFocused=true}};this.onBlur=function(a){if(r.disabled||r.readonly){return stopEventBubbling(a)}r.balBlur.emit(a);r.focused=false};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(a){if(!isSpaceKey(a)){r.wasFocused=false}r.keyboardMode=FOCUS_KEYS.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||isDescendant(this.el,a.target))){stopEventBubbling(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetFocus(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){inputSetBlur(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=BEM.block("radio");var o=r.element("input");var i=r.element("label");var e=i.element("text");var l=i.element("icon");var t=this.focused&&this.buttonTabindex!==-1;var d=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var n=!this.nonSubmit;var b=this.ariaForm.controlId||this.inputId;var s=this.ariaForm.labelId||null;var c=n?"label":"span";var u=this.inheritedAttributes;if(this.buttonTabindex!==undefined){u.tabIndex=this.buttonTabindex}if(this.labelHidden){u["aria-labelledby"]=s}return h(Host,{key:"382a76b43c4967878e796e20914faaad31c1cb9b","aria-checked":"".concat(this.checked),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":t?"true":null,"aria-labelledby":s,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":t},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},h(c,{key:"473e9946e24bcb342d728ea9401ca6306e6dac33",class:Object.assign({},i.class()),"data-testid":"bal-radio-label"},n?h("input",Object.assign({id:b,type:"radio","data-testid":"bal-radio-input",name:this.name,value:d,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},o.class()),"aria-hidden":ariaBooleanToString(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},u)):"",this.interface!=="tile"?h("div",{class:Object.assign({},l.class())},h("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",h("div",{key:"443a97633b9a93c613218ff53ee97c6f37b2dc8f",class:Object.assign(Object.assign({},e.class()),e.modifier("hidden").class(this.labelHidden))},h("slot",{key:"76cb543fed4b836d6b937d8ff016f8e14e2c6dcc"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Radio.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Radio.prototype,"elementStateListener",null);var radioIds=0;Radio.style=balRadioCss;var balRadioGroupCss=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var RadioGroup=function(){function a(a){var r=this;registerInstance(this,a);this.balChange=createEvent(this,"balChange");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.inputId="bal-rg-".concat(radioGroupIds++);this.inheritedAttributes={};this.ariaForm=defaultBalAriaForm;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var o=r.getRadios();var i=o.find((function(a){return!a.disabled}));var e=o.find((function(r){return r.value===a&&!r.disabled}));if(!i&&!e){return}var l=e||i;for(var t=0,d=o;t<d.length;t++){var n=d[t];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var o=a.target;if(o.href){return}a.preventDefault();var i=a.target&&a.target.closest("bal-radio");if(i&&!i.disabled&&!i.readonly){var e=r.value;var l=i.value;if(l!==e){r.value=l}else if(r.allowEmptySelection){r.value=undefined}r.balChange.emit(r.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(isDescendant(this.el,a.target)){stopEventBubbling(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&isDescendant(this.el,r)&&hasTagName(r,"bal-radio")){stopEventBubbling(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var o=a.target.closest("bal-radio");if(o&&r.includes(o)){var i=r.findIndex((function(a){return a===o}));var e=r[i];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=i===r.length-1?r[0]:r[i+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=i===0?r[r.length-1]:r[i-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(o){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=BEM.block("radio-group");var o=r.element("inner");var i=this.options||[];var e=i.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return h(Host,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":ariaBooleanToString(this.disabled),onClick:this.onClick},this.inheritedAttributes),h("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("button").class(this.interface==="button"))},h("slot",null),e.map((function(r){return h("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-radio-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"focusOutListener",null);__decorate([ListenToMutation({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],RadioGroup.prototype,"mutationListener",null);var radioGroupIds=0;RadioGroup.style=balRadioGroupCss;export{Radio as bal_radio,RadioGroup as bal_radio_group};
package/dist/esm-es5/bal-segment_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,Q as raf,V as writeTask,M as h,N as Host,O as getElement,R as addEventListener,S as removeEventListener}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{L as ListenToAnimation}from"./animation.decorator-vhFv-JdV.js";import{B as BEM}from"./bem-ByiN-QjD.js";import"./breakpoints.subject-wNA_Q1j5.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-ZB0xLyh9.js";import{L as ListenToFocus}from"./focus.decorator-ChfGhroq.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{d as isSpaceKey,b as isEnterKey,a as isArrowUpKey,e as isArrowLeftKey,i as isArrowDownKey,f as isArrowRightKey,g as isHomeKey,h as isEndKey}from"./keyboard.helpers-D1VPLQ5z.js";import{L as ListenToWindowResize}from"./window-resize.decorator-Dtb8gxAo.js";import"./window-resize.subject-VS51emX-.js";import{L as ListenToVisibility}from"./visibility.decorator-uIXSFIyv.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./listener-BBbVS0yJ.js";import"./device-DT_jgFo1.js";import"./tokens.esm-C7ySnb0w.js";var balSegmentCss=":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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.balSelect=createEvent(this,"balSelect");this.balVertical=createEvent(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var b=n.top-r.top;l="translate3d(0, ".concat(b,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"5ee36ef41fd3e9f9467955506f660e48e6b479d9",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"75d585d050944a7764c809d55924671083187692",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"animationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=balSegmentCss;var 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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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-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-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}';var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.checked=false;t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var b=m.element("button");var c=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"a6a61e3339b5d03770243c20346f9bafdb6bedc5",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"a78d765adcac3e0375ca53b53f3d241634021517",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(i)),b.modifier("invalid").class(d)),b.modifier("disabled").class(g)),b.modifier("focused").class(a)),b.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"f029351aea2b372df532599247be187233ee6b15",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(i)),b.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"ec9ffa5e9d2862037fc7317739d9db00f80c5e44",space:"x-small",layout:"horizontal"},h("bal-content",{key:"f0701161053b8ef8a6936bb2eca44a42861d6291",space:"none"},h("bal-label",{key:"e41da682352e552d391121e4982e76548a58e4e3",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"7622ef0e5a57ade0ff6083ff1cf90d0052cefce8",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"00b60da405e8851d2eb74ad0bc84fb30cfdf65e0",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"d352c73452902b703e9b5bb3e2586e79bde451de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(i)),c.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=balSegmentItemCss;export{Segment as bal_segment,SegmentItem as bal_segment_item};
1
+ import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,Q as raf,V as writeTask,M as h,N as Host,O as getElement,R as addEventListener,S as removeEventListener}from"./index-BgWhYta3.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{L as ListenToAnimation}from"./animation.decorator-CNK3bJ6X.js";import{B as BEM}from"./bem-ByiN-QjD.js";import"./breakpoints.subject-B4lpOFRU.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DPFzYtUR.js";import{L as ListenToFocus}from"./focus.decorator-BBUVspZX.js";import{F as FOCUS_KEYS}from"./focus-visible-DqCbGYzv.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-Dv0N9pEu.js";import{d as isSpaceKey,b as isEnterKey,a as isArrowUpKey,e as isArrowLeftKey,i as isArrowDownKey,f as isArrowRightKey,g as isHomeKey,h as isEndKey}from"./keyboard.helpers-D1VPLQ5z.js";import{L as ListenToWindowResize}from"./window-resize.decorator-kT7q2s-o.js";import"./window-resize.subject-CP9YONGI.js";import{L as ListenToVisibility}from"./visibility.decorator-C5quU420.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import"./listener-BCxt7kj7.js";import"./device-CWdcsnSc.js";import"./tokens.esm-BuOIriY2.js";var balSegmentCss=":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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var Segment=function(){function e(e){var t=this;registerInstance(this,e);this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.balChange=createEvent(this,"balChange");this.balSelect=createEvent(this,"balSelect");this.balVertical=createEvent(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=defaultBalAriaForm;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,a;var n=t.allItems.filter((function(e){return!e.disabled}));var r=n.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return n[r];case"first":return n[0];case"last":return n[n.length-1];case"next":return(i=n[r+1])!==null&&i!==void 0?i:n[0];case"previous":return(a=n[r-1])!==null&&a!==void 0?a:n[n.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var a=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(a){t.checkButton(a,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==a){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=FOCUS_KEYS.includes(e.key);var t=false;var i;if(isSpaceKey(e)||isEnterKey(e)){stopEventBubbling(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(isArrowUpKey(e)||isArrowLeftKey(e)){stopEventBubbling(e);i=this.getSegmentItem("previous")}else if(isArrowDownKey(e)||isArrowRightKey(e)){stopEventBubbling(e);i=this.getSegmentItem("next")}else if(isHomeKey(e)){stopEventBubbling(e);i=this.getSegmentItem("first")}else if(isEndKey(e)){stopEventBubbling(e);i=this.getSegmentItem("last")}if(!i){return}var a=this.checked;if(i!==a||t){this.checkButton(a,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;raf((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var n=i.getBoundingClientRect();var r=a.getBoundingClientRect();var s=n.width/r.width;var o=n.left-r.left;var l="translate3d(".concat(o,"px, 0, 0) scaleX(").concat(s,")");if(this.isVertical){var m=n.height/r.height;var b=n.top-r.top;l="translate3d(0, ".concat(b,"px, 0) scaleY(").concat(m,")")}writeTask((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",l);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var a=i+1;var n=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(a<t.length){t[a].classList.add("bal-segment-item--after-checked")}if(n<t.length&&n>=0){t[n].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,a=e.scrollable,n=e.keyboardMode,r=e.expanded,s=e.isMobile,o=e.disabled;var l=BEM.block("segment");return h(Host,{key:"5ee36ef41fd3e9f9467955506f660e48e6b479d9",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("invalid").class(t)),l.modifier("vertical").class(i)),l.modifier("scrollable").class(a)),l.modifier("keyboard").class(n)),l.modifier("disabled").class(o)),l.modifier("expanded").class((r||s)&&!i)),onClick:this.onClick},h("slot",{key:"75d585d050944a7764c809d55924671083187692",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-segment"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Segment.prototype,"createLogger",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusInListener",null);__decorate([ListenToFocus(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"focusOutListener",null);__decorate([ListenToAnimation(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"animationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"visibilityListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Segment.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Segment.prototype,"windowResizeListener",null);Segment.style=balSegmentCss;var 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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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-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-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}';var SegmentItemIds=0;var SegmentItem=function(){function e(e){var t=this;registerInstance(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=SegmentItemIds++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=defaultBalAriaForm;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var a=i[0];t.checked=false;t.isFocusable=a===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAttributes(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){addEventListener(t,"balSelect",this.updateState);addEventListener(t,"balVertical",this.updateVertical)}raf((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){removeEventListener(e,"balSelect",this.updateState);removeEventListener(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,a=t.focused,n=t.segmentEl,r=t.label,s=t.isFocusable,o=t.isFirst,l=t.hasEmptyValue;var m=BEM.block("segment-item");var b=m.element("button");var c=m.element("indicator");var d=this.invalid||n&&n.invalid;var g=this.disabled||n&&n.disabled;var u=this.isVertical;var f=l&&o||s&&!g;var v=f&&this.ariaForm.controlId||this.inputId;var p={};if(f){p={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return h(Host,{key:"a6a61e3339b5d03770243c20346f9bafdb6bedc5",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(u)),m.modifier("disabled").class(g)),m.modifier("checked").class(i)),m.modifier("invalid").class(d)),m.modifier("last").class(this.isLast&&!i))},h("button",Object.assign({key:"a78d765adcac3e0375ca53b53f3d241634021517",id:v,role:"radio","aria-checked":i?"true":"false"},p,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("checked").class(i)),b.modifier("invalid").class(d)),b.modifier("disabled").class(g)),b.modifier("focused").class(a)),b.modifier("vertical").class(u)),type:"button",tabIndex:f?0:-1,part:"native",disabled:g,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),h("bal-icon",{key:"f029351aea2b372df532599247be187233ee6b15",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},b.element("icon").class()),b.element("icon").modifier("animated").class(i)),b.element("icon").modifier("vertical").class(u)),color:g?"grey-dark":d?"white":"primary"}),h("bal-stack",{key:"ec9ffa5e9d2862037fc7317739d9db00f80c5e44",space:"x-small",layout:"horizontal"},h("bal-content",{key:"f0701161053b8ef8a6936bb2eca44a42861d6291",space:"none"},h("bal-label",{key:"e41da682352e552d391121e4982e76548a58e4e3",htmlId:"bal-si-".concat(this.internalId,"-label")},r),h("span",{key:"7622ef0e5a57ade0ff6083ff1cf90d0052cefce8",part:"slot",class:Object.assign({},b.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",h("slot",{key:"00b60da405e8851d2eb74ad0bc84fb30cfdf65e0",onSlotchange:this.onSlottedItemsChange}))))),h("div",{key:"d352c73452902b703e9b5bb3e2586e79bde451de",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("animated").class()),c.modifier("background").class()),c.modifier("disabled").class(g)),c.modifier("invalid").class(d)),c.modifier("checked").class(i)),c.modifier("vertical").class(u))}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}();SegmentItem.style=balSegmentItemCss;export{Segment as bal_segment,SegmentItem as bal_segment_item};
package/dist/esm-es5/bal-select_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,J as rIC,I as debounce,y as waitAfterIdleCallback,r as deepReady,t as isDescendant,M as h,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{d as isSpaceKey,i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,k as isBackspaceKey}from"./keyboard.helpers-D1VPLQ5z.js";import{r as removeValue,p as preventDefault,l as length,g as getValues,i as includes,s as startsWith,a as addValue,f as findLabelByValue,b as findOptionByLabel,v as validateAfterBlur}from"./utils-C_qktPg7.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";var watchForOptions=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var balSelectCss=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-form-field-control-background-hover);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var isHuman=true;var isNotHuman=false;var Select=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balInputClick=createEvent(this,"balInputClick");this.balInput=createEvent(this,"balInput");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balCancel=createEvent(this,"balCancel");this.balKeyPress=createEvent(this,"balKeyPress");this.didInit=false;this.inputId="bal-select-".concat(selectIds++);this.initialValue=[];this.inheritedAttributes={};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[];this.removeValue=function(t){if(!e.disabled){e.updateRawValue(removeValue(e.rawValue,t),isHuman);if(e.multiple&&e.typeahead){e.setFocus()}e.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!e.isPopoverOpen&&!e.hasFocus){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){if(e.disabled||e.readonly){preventDefault(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;if(e.isPopoverOpen){e.updateFocus()}else{e.focusIndex=0;if(e.multiple&&e.typeahead){e.updateInputValue("")}e.fireBlur(t)}}};this.handleInputBlur=function(t){preventDefault(t);var i=t.relatedTarget;if(i===null||i&&i.nodeName&&(i.nodeName==="BAL-MODAL"||i.nodeName==="INPUT"||i.nodeName==="BUTTON")){e.validateAfterBlur(isHuman)}e.hasFocus=false;e.fireBlur(t)};this.handleInputFocus=function(t){e.balFocus.emit(t);e.hasFocus=true};this.handleInputClick=function(t){var i=[];for(var r=1;r<arguments.length;r++){i[r-1]=arguments[r]}return __awaiter(e,__spreadArray([t],i,true),void 0,(function(t,e){var i,r,o,n;if(e===void 0){e=false}return __generator(this,(function(a){switch(a.label){case 0:stopEventBubbling(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled||this.readonly))return[3,1];preventDefault(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null||i===void 0?void 0:i.dismiss()];case 2:a.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null||r===void 0?void 0:r.present()];case 4:a.sent();a.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(o=this.popoverElement)===null||o===void 0?void 0:o.dismiss()];case 7:a.sent();return[3,10];case 8:return[4,(n=this.popoverElement)===null||n===void 0?void 0:n.present()];case 9:a.sent();a.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&isSpaceKey(t)))return[3,2];preventDefault(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!e.disabled&&!e.readonly){e.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();preventDefault(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){e.focusIndex=t}}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!areArraysEqual(t,this.rawValue||[])){this.rawValue=__spreadArray([],t,true);this.syncNativeInput(e);if(this.didInit&&e===true){if(this.multiple){if(isNil(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(isNil(this.rawValue)||length(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=debounce((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=watchForOptions(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"]);this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!isNil(this.rawValue)&&this.options.size>0&&length(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!isNil(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){preventDefault(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(isArrowDownKey(t)||isArrowUpKey(t)){preventDefault(t);this.navigateWithArrowKey(t);this.updateFocus()}if(isEnterKey(t)){preventDefault(t);this.selectedFocusedOption()}if(isEscapeKey(t)){this.cancel()}if(isBackspaceKey(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&length(this.rawValue)>0){e=getValues(this.rawValue);this.removeValue(e[length(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(isSpaceKey(t)&&!this.typeahead){preventDefault(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(isArrowDownKey(t)||isArrowUpKey(t)))return[3,3];preventDefault(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],isHuman);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!isNil(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,deepReady(this.el)];case 1:i.sent();t=this.options.size>0;if(t){this.syncRawValue(isNotHuman)}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,o,n;return __generator(this,(function(a){switch(a.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){o=this.rawValue[i];if(!e.has(o)){n=removeValue(this.rawValue,o);this.updateRawValue(n,isNotHuman)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:a.sent();a.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead||this.remote){return e}return e.filter((function(e){return t.filter==="includes"?includes(e.textContent,t.inputValue):startsWith(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(length(this.rawValue)<1){return this.placeholder}return undefined}else{if(!isNil(this.rawValue)&&length(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var o=t.offsetTop+t.clientHeight;var n=e.scrollTop+e.clientHeight;if(o>n){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(isArrowDownKey(t)){this.focusIndex=this.focusIndex+1}else{if(isArrowUpKey(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!isNil(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!isNil(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=getValues(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman)}else{this.updateRawValue(removeValue(this.rawValue,t),isHuman)}}else{this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(findLabelByValue(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=isNotHuman}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){var i=findOptionByLabel(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=validateAfterBlur(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(t){if(t===void 0){t=true}if(!this.multiple){if(length(this.rawValue)>0){var e=getValues(this.rawValue);var i=findLabelByValue(this.options,e[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&i===""){i=e.join(", ")}return this.updateInputValue(i)}}if(!t&&length(this.rawValue)===0){return this.updateInputValue("")}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!isNil(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=isDescendant(t,r)||t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return h("bal-tag",{key:"ddb984b0edd1a0fbbad814a5d29c83ce7276a07a",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},findLabelByValue(t.options,e.value)||e.value)};var r=getValues(this.rawValue);var o=BEM.block("select");var n=o.element("native");var a=o.element("control");var s=a.element("icon");var l=a.element("selections");var c=a.element("input");var u=o.element("popover");var d=u.element("empty");var b=o.element("option");var f=b.element("content");var p=f.element("checkbox");var v=f.element("label");return h(Host,{key:"43659a2cc50a3585620a99974377c422d3e2f0f2",role:"listbox",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-value":(e=this.rawValue)===null||e===void 0?void 0:e.map((function(e){return findLabelByValue(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},h("select",{key:"5d2d9ab75815fbe0b2db6ea82261beac097ab111",class:Object.assign({},n.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},r.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))),h("bal-popover",{key:"0c42dacf94a09088cbca90c527ff99bba37708fa",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},h("div",{key:"b1c5567689ad59809fa36559603761223368914b","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},h("div",{key:"93632751c2b8b472578e80012934949069c4961c",class:Object.assign(Object.assign({},l.class()),l.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},r.filter((function(e){return t.multiple})).map((function(t){return h(i,{value:t})})),h("input",Object.assign({key:"2d6b493fc30aa1e1a4355e94ba15f9d404372ba7",type:"text",class:Object.assign(Object.assign({},c.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}},this.inheritedAttributes))),!this.freeSolo&&!this.loading?h("bal-icon",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("loading").class(this.loading)),s.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),h("bal-popover-content",{key:"f861f2aed280b9a55b932239e546561769d085cc",class:Object.assign({},u.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return h("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("selected").class(r.includes(e.value)&&!(t.typeahead&&!t.multiple))),b.modifier("focused").class(t.focusIndex===i)),b.modifier("checkbox").class(t.multiple)),b.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},h("div",{class:Object.assign({},f.class())},h("span",{class:Object.assign({},p.class()),style:{display:t.multiple?"flex":"none"}},h("bal-checkbox",{checked:r.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:preventDefault})),h("span",{class:Object.assign({},v.class()),innerHTML:e.innerHTML})))})),h("div",{key:"0941cb2d8007029c663852d61913bb0ca926ce32",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(this.noDataLabel===undefined||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-select"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Select.prototype,"createLogger",null);var selectIds=0;Select.style=balSelectCss;var SelectOption=function(){function t(t){registerInstance(this,t);this.disabled=false;this.for="bal-selopt-".concat(selectOptionIds++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return h(Host,{key:"8829db26394b32b2a00ba288a944358c3f4e39be",style:{display:"none"}},h("slot",{key:"4ba8e9b7bdf68609d2e0ca5185a4e71943e66bda"}))};return t}();__decorate([Logger("bal-select-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],SelectOption.prototype,"createLogger",null);var selectOptionIds=0;export{Select as bal_select,SelectOption as bal_select_option};
1
+ import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,J as rIC,I as debounce,y as waitAfterIdleCallback,r as deepReady,t as isDescendant,M as h,N as Host,O as getElement}from"./index-BgWhYta3.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{i as isNil}from"./index-zWZxKBfo.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{a as areArraysEqual}from"./array-CDfSqLEo.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{s as stopEventBubbling}from"./form-input-Dv0N9pEu.js";import{d as isSpaceKey,i as isArrowDownKey,a as isArrowUpKey,b as isEnterKey,c as isEscapeKey,k as isBackspaceKey}from"./keyboard.helpers-D1VPLQ5z.js";import{r as removeValue,p as preventDefault,l as length,g as getValues,i as includes,s as startsWith,a as addValue,f as findLabelByValue,b as findOptionByLabel,v as validateAfterBlur}from"./utils-C_qktPg7.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./index-B4k_dH6V.js";var watchForOptions=function(t,e,i){if(typeof MutationObserver==="undefined"){return}var r=new MutationObserver((function(t){t=t.filter((function(t){return t.target.nodeName===e.toUpperCase()||t.target.nodeName==="bal-select".toUpperCase()}));if(t.length>0){i(undefined)}}));r.observe(t,{childList:true,subtree:true,attributes:true,characterData:true});return r};var balSelectCss=":root{--bal-select-control-background:var(--bal-color-white);--bal-select-control-background-hover:var(--bal-form-field-control-background-hover);--bal-select-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-select-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-select-control-input-background:var(--bal-form-field-control-background-hover);--bal-select-control-native-input-background:transparent;--bal-select-control-native-input-background-hover:transparent;--bal-select-control-input-inverted-footer-background:transparent;--bal-select-control-input-inverted-footer-background-hover:transparent;--bal-select-control-input-multiple-background:transparent;--bal-select-control-input-multiple-background-read-only-selection:transparent;--bal-select-control-input-option-background:transparent;--bal-select-control-input-option-background-selected:var(--bal-color-primary-1);--bal-select-control-input-option-background-focused:var(--bal-color-grey-3);--bal-select-control-input-option-background-hover:var(--bal-color-grey-3);--bal-select-control-border-radius:var(--bal-form-field-control-radius);--bal-select-popover-border-color:var(--bal-color-grey-2);--bal-select-control-border-color:var(--bal-form-field-control-border-color);--bal-select-control-border-color-focused:var(--bal-color-primary);--bal-select-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-select-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-select-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-select-control-border-color-focus-within:var(--bal-color-primary);--bal-select-option-border-top-color:var(--bal-color-grey-2);--bal-select-popover-empty-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color:var(--bal-form-field-control-color);--bal-select-control-text-color-focused:var(--bal-color-primary);--bal-select-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-select-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-select-option-content-label-text-color:var(--bal-form-field-control-color)}bal-select-option{display:none !important}.bal-select{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text)}.bal-select__popover{border:.125rem solid var(--bal-select-popover-border-color)}.bal-select__popover__empty{padding:.5rem 1rem;font-family:var(--bal-font-family-text);color:var(--bal-select-popover-empty-text-color)}.bal-select__popover__empty--hidden{display:none}.bal-select__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-select__control{display:-ms-flexbox;display:flex;border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-select-control-border-color);border-radius:var(--bal-select-control-border-radius);background:var(--bal-select-control-background);font-size:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-select-control-text-color);outline:none;-webkit-box-shadow:none;box-shadow:none;padding-right:1rem;min-height:3rem}.bal-select__control--focused{border-color:var(--bal-select-control-border-color-focused)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover{border-color:var(--bal-select-control-border-color-hover);background-color:var(--bal-select-control-background-hover)}.bal-select__control:not(.bal-select__control--disabled):not(.bal-select__control--invalid):not(.bal-select__control--inverted-footer):hover .bal-select__control__input{background-color:var(--bal-select-control-input-background)}.bal-select__control--invalid:not(.bal-select__control--disabled){border-color:var(--bal-select-control-border-color-invalid) !important;background:var(--bal-select-control-background-invalid) !important}.bal-select__control:focus-within{border-color:var(--bal-select-control-border-color-focus-within) !important}.bal-select__control--disabled{background-color:var(--bal-select-control-background-disabled) !important;border-color:var(--bal-select-control-border-color-disabled) !important}.bal-select__control--disabled,.bal-select__control--disabled input{cursor:default !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;pointer-events:none !important;color:var(--bal-select-input-text-color-disabled)}.bal-select__control--inverted-footer{border:none;background-color:var(--bal-select-control-input-inverted-footer-background) !important;padding-right:0}.bal-select__control--inverted-footer:hover{background-color:var(--bal-select-control-input-inverted-footer-background-hover) !important}.bal-select__control--inverted-footer .input{color:var(--bal-select-control-inverted-footer-native-input-text-color);background-color:var(--bal-select-control-native-input-background) !important}.bal-select__control--inverted-footer .input:hover{background-color:var(--bal-select-control-native-input-background-hover) !important}.bal-select__control__icon{min-height:100% !important;max-height:100% !important}.bal-select__control__icon--loading{display:none}.bal-select__control__icon--clickable{cursor:pointer}.bal-select__control__selections{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.125rem;max-width:100%;min-width:0;gap:0;padding-left:.375rem}.bal-select__control__selections .bal-tag{margin-left:.25rem;margin-top:.375rem;margin-bottom:.375rem}.bal-select__control__selections .bal-tag+.input{padding-left:.625rem}.bal-select__control__input{border:none !important;outline:none !important;outline-width:0 !important;height:2.75rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;background:var(--bal-select-control-input-multiple-background);-ms-flex:1;flex:1;min-height:2.75rem !important;padding-left:.25rem !important;padding-right:.625rem !important;text-overflow:ellipsis}.bal-select__control__input:-moz-read-only{-moz-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:-moz-read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__control__input:read-only::-moz-selection{background:var(--bal-select-control-input-multiple-background-read-only-selection)}.bal-select__option{visibility:visible;font-family:var(--bal-font-family-text);background:var(--bal-select-control-input-option-background);border:none;cursor:pointer;outline:none;min-height:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0;margin:0;border-top:.125rem solid var(--bal-select-option-border-top-color);text-align:inherit;white-space:nowrap;width:100%}.bal-select__option:first-child{border-top:none}.bal-select__option::-moz-focus-inner{border:none}.bal-select__option--selected{background:var(--bal-select-control-input-option-background-selected)}.bal-select__option--selected .bal-select__option__content__label{font-weight:var(--bal-font-weight-bold)}.bal-select__option--focused{background:var(--bal-select-control-input-option-background-focused)}.bal-select__option:hover{background:var(--bal-select-control-input-option-background-hover)}.bal-select__option__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-height:3rem;padding:.75rem 1rem;gap:.75rem}.bal-select__option__content__checkbox{margin:0;padding:0}.bal-select__option__content__label{margin:0;padding:0;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-select-option-content-label-text-color);line-height:1.125rem;word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";var isHuman=true;var isNotHuman=false;var Select=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balInputClick=createEvent(this,"balInputClick");this.balInput=createEvent(this,"balInput");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balCancel=createEvent(this,"balCancel");this.balKeyPress=createEvent(this,"balKeyPress");this.didInit=false;this.inputId="bal-select-".concat(selectIds++);this.initialValue=[];this.inheritedAttributes={};this.hasFocus=false;this.inputValue="";this.focusIndex=-1;this.isPopoverOpen=false;this.options=new Map;this.labelToScrollTo="";this.labelToSelectTo="";this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.filter="includes";this.balTabindex=0;this.freeSolo=false;this.multiple=false;this.autocomplete="off";this.typeahead=false;this.selectionOptional=false;this.disabled=false;this.readonly=false;this.required=false;this.inverted=false;this.scrollable=250;this.loading=false;this.remote=false;this.autoInvalidOff=false;this.value=[];this.rawValue=[];this.removeValue=function(t){if(!e.disabled){e.updateRawValue(removeValue(e.rawValue,t),isHuman);if(e.multiple&&e.typeahead){e.setFocus()}e.fireBlur()}};this.fireBlur=function(t){if(t===void 0){t=new CustomEvent("blur")}if(!e.isPopoverOpen&&!e.hasFocus){rIC((function(){return e.balBlur.emit(t)}))}};this.handleClick=function(t){if(e.disabled||e.readonly){preventDefault(t)}};this.handlePopoverChange=function(t){t.stopPropagation();if(e.isPopoverOpen!==t.detail){e.isPopoverOpen=t.detail;if(e.isPopoverOpen){e.updateFocus()}else{e.focusIndex=0;if(e.multiple&&e.typeahead){e.updateInputValue("")}e.fireBlur(t)}}};this.handleInputBlur=function(t){preventDefault(t);var i=t.relatedTarget;if(i===null||i&&i.nodeName&&(i.nodeName==="BAL-MODAL"||i.nodeName==="INPUT"||i.nodeName==="BUTTON")){e.validateAfterBlur(isHuman)}e.hasFocus=false;e.fireBlur(t)};this.handleInputFocus=function(t){e.balFocus.emit(t);e.hasFocus=true};this.handleInputClick=function(t){var i=[];for(var r=1;r<arguments.length;r++){i[r-1]=arguments[r]}return __awaiter(e,__spreadArray([t],i,true),void 0,(function(t,e){var i,r,o,n;if(e===void 0){e=false}return __generator(this,(function(a){switch(a.label){case 0:stopEventBubbling(t);if(this.isChipClicked(t)){return[2]}if(!(this.disabled||this.readonly))return[3,1];preventDefault(t);return[3,10];case 1:this.focusIndex=0;this.balInputClick.emit(t);if(!this.typeahead)return[3,6];if(!(this.isPopoverOpen&&e))return[3,3];return[4,(i=this.popoverElement)===null||i===void 0?void 0:i.dismiss()];case 2:a.sent();return[3,5];case 3:return[4,(r=this.popoverElement)===null||r===void 0?void 0:r.present()];case 4:a.sent();a.label=5;case 5:return[3,10];case 6:if(!this.isPopoverOpen)return[3,8];return[4,(o=this.popoverElement)===null||o===void 0?void 0:o.dismiss()];case 7:a.sent();return[3,10];case 8:return[4,(n=this.popoverElement)===null||n===void 0?void 0:n.present()];case 9:a.sent();a.label=10;case 10:return[2]}}))}))};this.handleKeyPress=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(!this.isPopoverOpen&&isSpaceKey(t)))return[3,2];preventDefault(t);return[4,this.open()];case 1:e.sent();e.label=2;case 2:this.balKeyPress.emit(t);return[2]}}))}))};this.handleInputChange=function(t){if(!e.disabled&&!e.readonly){e.inputValue=t.target.value}};this.handleInput=function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.disabled&&!this.readonly){this.inputValue=t.target.value;if(!this.isPopoverOpen){this.popoverElement.present()}this.focusIndex=0;this.updateFocus();preventDefault(t);this.balInput.emit(this.inputValue)}return[2]}))}))};this.handleOptionMouseEnter=function(t){e.focusIndex=t}}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueWatcher=function(){this.syncRawValue(false)};t.prototype.updateRawValue=function(t,e){if(e===void 0){e=true}if(!areArraysEqual(t,this.rawValue||[])){this.rawValue=__spreadArray([],t,true);this.syncNativeInput(e);if(this.didInit&&e===true){if(this.multiple){if(isNil(this.rawValue)){this.emitChangeEvent([])}else{this.emitChangeEvent(__spreadArray([],this.rawValue,true))}}else{if(isNil(this.rawValue)||length(this.rawValue)===0){this.emitChangeEvent(undefined)}else{this.emitChangeEvent(this.rawValue[0])}}}}};t.prototype.emitChangeEvent=function(t){this.balChange.emit(t)};t.prototype.connectedCallback=function(){var t=this;var e=debounce((function(){return t.updateOptions()}),0);this.initialValue=this.value;e();this.mutationO=watchForOptions(this.el,"bal-select-option",(function(){e()}))};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"]);this.waitForOptionsAndThenUpdateRawValues();this.isInsideOfFooter();if(!isNil(this.rawValue)&&this.options.size>0&&length(this.rawValue)===1){var t=this.options.get(this.rawValue[0]);if(!isNil(t)){this.inputValue=t.label}}};t.prototype.componentDidLoad=function(){this.syncRawValue(false);if(!this.multiple){this.inputElement.value=this.inputValue}this.didInit=true};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){preventDefault(t)}};t.prototype.resetHandler=function(t){var e=this;var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){if(this.resetHandlerTimer){clearTimeout(this.resetHandlerTimer)}this.resetHandlerTimer=setTimeout((function(){e.value=e.initialValue;e.syncRawValue(false);e.syncNativeInput();if(e.nativeSelectEl){var t=Array.from(e.nativeSelectEl.options);t.forEach((function(t){return t.selected=true}))}}),0)}};t.prototype.handleKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!this.isPopoverOpen)return[3,1];if(isArrowDownKey(t)||isArrowUpKey(t)){preventDefault(t);this.navigateWithArrowKey(t);this.updateFocus()}if(isEnterKey(t)){preventDefault(t);this.selectedFocusedOption()}if(isEscapeKey(t)){this.cancel()}if(isBackspaceKey(t)&&this.typeahead&&this.multiple){if(this.inputElement.value===""&&length(this.rawValue)>0){e=getValues(this.rawValue);this.removeValue(e[length(this.rawValue)-1])}}if(!this.typeahead&&t.key.length===1){this.focusOptionByLabel(t.key)}if(isSpaceKey(t)&&!this.typeahead){preventDefault(t)}return[3,4];case 1:if(!this.hasFocus)return[3,4];if(!(isArrowDownKey(t)||isArrowUpKey(t)))return[3,3];preventDefault(t);return[4,this.open()];case 2:i.sent();i.label=3;case 3:if(!this.typeahead&&t.key.length===1){this.selectOptionByLabel(t.key)}i.label=4;case 4:return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.inputElement&&!this.disabled))return[3,2];return[4,waitAfterIdleCallback()];case 1:t.sent();this.inputElement.focus();t.label=2;case 2:return[2]}}))}))};t.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.rawValue]}))}))};t.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.focusIndex=0;if(this.inputElement){this.updateInputValue("");this.updateRawValue([],isHuman);this.value=this.multiple?[]:""}return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)))return[3,2];return[4,this.popoverElement.present()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.disabled&&!this.readonly&&!isNil(this.popoverElement)){this.blurSelect()}return[2]}))}))};t.prototype.cancel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.labelToScrollTo="";this.close();this.scrollTo(0);this.balCancel.emit();return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.options.get(t);if(!isNil(e)){this.optionSelected(e)}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.waitForOptionsAndThenUpdateRawValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){switch(i.label){case 0:clearTimeout(this.waitForOptionsAndThenUpdateRawValuesTimer);return[4,deepReady(this.el)];case 1:i.sent();t=this.options.size>0;if(t){this.syncRawValue(isNotHuman)}else{this.waitForOptionsAndThenUpdateRawValuesTimer=setTimeout((function(){return e.waitForOptionsAndThenUpdateRawValues()}),10)}return[2]}}))}))};t.prototype.updateOptions=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,r,i,o,n;return __generator(this,(function(a){switch(a.label){case 0:t=this.getChildOpts();e=new Map;for(i=0;i<t.length;i++){r=t[i];e.set(r.value,{value:r.value,label:r.label,disabled:r.disabled,id:r.for,textContent:r.textContent,innerHTML:r.innerHTML})}if(!this.selectionOptional&&Array.isArray(this.rawValue)){for(i=0;i<this.rawValue.length;i++){o=this.rawValue[i];if(!e.has(o)){n=removeValue(this.rawValue,o);this.updateRawValue(n,isNotHuman)}}}this.options=new Map(e);if(!!this.typeahead)return[3,2];return[4,this.syncNativeInput()];case 1:a.sent();a.label=2;case 2:if(this.didInit&&!this.remote){this.validateAfterBlur()}return[2]}}))}))};Object.defineProperty(t.prototype,"optionArray",{get:function(){var t=this;var e=Array.from(this.options,(function(t){var e=t[0],i=t[1];return i}));if(!this.typeahead||this.remote){return e}return e.filter((function(e){return t.filter==="includes"?includes(e.textContent,t.inputValue):startsWith(e.textContent,t.inputValue)}))},enumerable:false,configurable:true});t.prototype.hasOptions=function(){return this.optionArray.length>0};Object.defineProperty(t.prototype,"inputPlaceholder",{get:function(){if(this.multiple){if(length(this.rawValue)<1){return this.placeholder}return undefined}else{if(!isNil(this.rawValue)&&length(this.rawValue)>0){return undefined}}return this.placeholder},enumerable:false,configurable:true});t.prototype.getChildOpts=function(){return Array.from(this.el.querySelectorAll("bal-select-option"))};t.prototype.getPopoverContent=function(){return this.popoverElement.querySelector(".bal-popover__content__inner")};t.prototype.updateFocus=function(){var t=this;if(this.focusIndex<0){this.focusIndex=0}var e=this.optionArray;if(e.length>0){if(e.length<=this.focusIndex){this.focusIndex=e.length-1}var i=e[this.focusIndex];if(i&&i.id){var r=this.el.querySelector("button#".concat(i.id));if(r){clearTimeout(this.updateFocusTimer);this.updateFocusTimer=setTimeout((function(){t.scrollToFocusedOption(r)}),0)}}}else{this.focusIndex=0}};t.prototype.scrollToFocusedOption=function(t){if(t&&this.popoverElement){var e=this.getPopoverContent();if(e){var i=t.offsetTop;var r=e.scrollTop;if(i<r){e.scrollTop=i}var o=t.offsetTop+t.clientHeight;var n=e.scrollTop+e.clientHeight;if(o>n){e.scrollTop=e.scrollTop+t.clientHeight}}}};t.prototype.scrollTo=function(t){var e=this.getPopoverContent();if(e){e.scrollTop=t}};t.prototype.selectedFocusedOption=function(){var t=this.optionArray;if(t.length>this.focusIndex){var e=t[this.focusIndex];if(e){this.optionSelected(e)}}};t.prototype.navigateWithArrowKey=function(t){if(isArrowDownKey(t)){this.focusIndex=this.focusIndex+1}else{if(isArrowUpKey(t)){this.focusIndex=this.focusIndex-1}}};t.prototype.focusOptionByLabel=function(t){var e=this;this.labelToScrollTo=this.labelToScrollTo+t;clearTimeout(this.clearScrollToValue);this.clearScrollToValue=setTimeout((function(){e.scrollToLabel(e.labelToScrollTo)}),600)};t.prototype.selectOptionByLabel=function(t){var e=this;this.labelToSelectTo=this.labelToSelectTo+t;clearTimeout(this.clearSelectValue);this.clearSelectValue=setTimeout((function(){e.selectLabel(e.labelToSelectTo);e.labelToSelectTo=""}),600)};t.prototype.selectLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.select(e.value)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.scrollToLabel=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,r;return __generator(this,(function(o){if(t!==" "){e=this.optionArray.find((function(e){return startsWith(e.label||"",t)}));if(!isNil(e)&&e.id){i=this.el.querySelector("button#".concat(e.id));if(!isNil(i)){r=this.optionArray.indexOf(e);this.focusIndex=r;this.scrollTo(i.offsetTop)}}this.labelToScrollTo=""}return[2]}))}))};t.prototype.syncRawValue=function(t){if(t===void 0){t=true}var e=[];if(!isNil(this.value)&&this.value!==""){if(Array.isArray(this.value)){e=__spreadArray([],this.value.filter((function(t){return!isNil(t)})),true)}else{if(this.value.split("").includes(",")){e=__spreadArray([],this.value.split(",").filter((function(t){return t})).map((function(t){return t.trim()})),true)}else{e=[this.value]}}}this.updateRawValue(e,t)};t.prototype.blurSelect=function(){this.popoverElement.dismiss()};t.prototype.optionSelected=function(t){var e=getValues(this.rawValue);var i=e.some((function(e){return e===t.value}));this.updateValue(t.value,!i);if(!this.multiple){this.blurSelect()}else{if(this.typeahead){this.setFocus()}}};t.prototype.updateValue=function(t,e){if(e===void 0){e=true}if(this.multiple){if(e){this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman)}else{this.updateRawValue(removeValue(this.rawValue,t),isHuman)}}else{this.updateRawValue(addValue(this.rawValue,t,this.multiple),isHuman);if(this.rawValue&&this.rawValue.length>0){this.updateInputValue(findLabelByValue(this.options,this.rawValue[0]))}}};t.prototype.validateAfterBlur=function(t){if(t===void 0){t=isNotHuman}var e=this.rawValue;if(this.didInit&&!this.multiple){if(this.typeahead&&(this.selectionOptional||this.remote)){var i=findOptionByLabel(this.options,this.inputElement.value);if(i){e=[i.value]}else{e=[this.inputElement.value]}}else{e=validateAfterBlur(this.rawValue,this.options,this.inputElement.value)}this.updateRawValue(e,t)}};t.prototype.syncNativeInput=function(t){if(t===void 0){t=true}if(!this.multiple){if(length(this.rawValue)>0){var e=getValues(this.rawValue);var i=findLabelByValue(this.options,e[0]);if(!this.multiple&&this.typeahead&&this.selectionOptional&&i===""){i=e.join(", ")}return this.updateInputValue(i)}}if(!t&&length(this.rawValue)===0){return this.updateInputValue("")}return Promise.resolve()};t.prototype.updateInputValue=function(t){var e=this;return new Promise((function(i){if(e.updateInputValueTimer){clearTimeout(e.updateInputValueTimer)}e.updateInputValueTimer=setTimeout((function(){if(!isNil(e.inputElement)){e.inputElement.value=t;e.inputValue=t;i()}}),0)}))};t.prototype.isChipClicked=function(t){var e=false;if(this.multiple){var i=this.selectionEl.querySelectorAll("bal-tag");var r=t.target;i.forEach((function(t){var i=isDescendant(t,r)||t===r;if(i){e=i}}))}return e};t.prototype.isInsideOfFooter=function(){this.inverted=this.el.closest("bal-footer")!==null};t.prototype.render=function(){var t=this;var e;var i=function(e){return h("bal-tag",{key:"ddb984b0edd1a0fbbad814a5d29c83ce7276a07a",size:"",closable:!t.disabled,disabled:t.disabled,invalid:t.invalid,tabindex:-1,onBalCloseClick:function(i){return t.removeValue(e.value)},"data-testid":"bal-select-chip"},findLabelByValue(t.options,e.value)||e.value)};var r=getValues(this.rawValue);var o=BEM.block("select");var n=o.element("native");var a=o.element("control");var s=a.element("icon");var l=a.element("selections");var c=a.element("input");var u=o.element("popover");var d=u.element("empty");var b=o.element("option");var f=b.element("content");var p=f.element("checkbox");var v=f.element("label");return h(Host,{key:"43659a2cc50a3585620a99974377c422d3e2f0f2",role:"listbox",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),"data-value":(e=this.rawValue)===null||e===void 0?void 0:e.map((function(e){return findLabelByValue(t.options,e)})).join(","),class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("disabled").class(this.disabled||this.readonly)),o.modifier("inverted").class(this.inverted)),o.modifier("inverted-footer").class(this.inverted))},h("select",{key:"5d2d9ab75815fbe0b2db6ea82261beac097ab111",class:Object.assign({},n.class()),name:this.name,multiple:this.multiple,required:this.required,tabindex:-1,ref:function(e){return t.nativeSelectEl=e}},r.map((function(t){return h("option",{key:t,value:t,selected:true},t)}))),h("bal-popover",{key:"0c42dacf94a09088cbca90c527ff99bba37708fa",onBalChange:this.handlePopoverChange,ref:function(e){return t.popoverElement=e}},h("div",{key:"b1c5567689ad59809fa36559603761223368914b","bal-popover-trigger":true,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("invalid").class(this.invalid)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("focused").class(this.isPopoverOpen)),a.modifier("inverted-footer").class(this.inverted))},h("div",{key:"93632751c2b8b472578e80012934949069c4961c",class:Object.assign(Object.assign({},l.class()),l.modifier("clickable").class(!this.isPopoverOpen&&!this.disabled&&!this.readonly)),onClick:this.handleInputClick,ref:function(e){return t.selectionEl=e}},r.filter((function(e){return t.multiple})).map((function(t){return h(i,{value:t})})),h("input",Object.assign({key:"2d6b493fc30aa1e1a4355e94ba15f9d404372ba7",type:"text",class:Object.assign(Object.assign({},c.class()),{input:true,"is-inverted":this.inverted,"is-danger":this.invalid,"is-disabled":this.disabled||this.readonly,"is-clickable":!this.isPopoverOpen&&!this.disabled&&!this.readonly,"data-test-select-input":true}),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),"data-testid":"bal-select-input",autocomplete:this.autocomplete,"aria-autocomplete":this.autocomplete==="off"?"none":null,placeholder:this.inputPlaceholder,readonly:!this.typeahead||this.disabled||this.readonly,contentEditable:this.typeahead,disabled:this.disabled,maxLength:this.maxLength,tabindex:this.balTabindex,onInput:this.handleInput,onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyPress:this.handleKeyPress,ref:function(e){return t.inputElement=e}},this.inheritedAttributes))),!this.freeSolo&&!this.loading?h("bal-icon",{class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("loading").class(this.loading)),s.modifier("clickable").class(!this.disabled&&!this.readonly)),name:!this.inverted?"caret-down":"caret-up",color:this.disabled||this.readonly?"grey-light":this.inverted?"white":this.invalid?"danger":"primary",turn:this.isPopoverOpen,onClick:function(e){return t.handleInputClick(e,true)},size:!this.inverted?"":"x-small"}):""),h("bal-popover-content",{key:"f861f2aed280b9a55b932239e546561769d085cc",class:Object.assign({},u.class()),scrollable:this.scrollable,spaceless:true,expanded:true},this.optionArray.map((function(e,i){return h("button",{key:e.value,type:"button",role:"option",id:e.id,"data-value":e.value,"data-label":e.label,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("selected").class(r.includes(e.value)&&!(t.typeahead&&!t.multiple))),b.modifier("focused").class(t.focusIndex===i)),b.modifier("checkbox").class(t.multiple)),b.modifier("disabled").class(e.disabled===true)),"data-testid":"bal-select-option",disabled:e.disabled,tabIndex:-1,onMouseEnter:function(){return t.handleOptionMouseEnter(i)},onClick:function(){return t.optionSelected(e)}},h("div",{class:Object.assign({},f.class())},h("span",{class:Object.assign({},p.class()),style:{display:t.multiple?"flex":"none"}},h("bal-checkbox",{checked:r.includes(e.value),tabindex:-1,nonSubmit:true,flat:true,onBalChange:preventDefault})),h("span",{class:Object.assign({},v.class()),innerHTML:e.innerHTML})))})),h("div",{key:"0941cb2d8007029c663852d61913bb0ca926ce32",class:Object.assign(Object.assign({},d.class()),d.modifier("hidden").class(this.noDataLabel===undefined||this.hasOptions()||!this.typeahead||this.selectionOptional))},this.noDataLabel))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-select"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Select.prototype,"createLogger",null);var selectIds=0;Select.style=balSelectCss;var SelectOption=function(){function t(t){registerInstance(this,t);this.disabled=false;this.for="bal-selopt-".concat(selectOptionIds++)}t.prototype.createLogger=function(t){this.log=t};t.prototype.render=function(){return h(Host,{key:"8829db26394b32b2a00ba288a944358c3f4e39be",style:{display:"none"}},h("slot",{key:"4ba8e9b7bdf68609d2e0ca5185a4e71943e66bda"}))};return t}();__decorate([Logger("bal-select-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],SelectOption.prototype,"createLogger",null);var selectOptionIds=0;export{Select as bal_select,SelectOption as bal_select_option};
package/dist/esm-es5/bal-shape.entry.js CHANGED
@@ -1 +1 @@
1
- import{H as registerInstance,M as h,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{b as balColorGrey4,a as balColorYellow3,c as balColorYellow5,d as balColorPurple3,e as balColorPurple6,f as balColorRed3,g as balColorRed5,h as balColorGreen3,i as balColorGreen6}from"./tokens.esm-C7ySnb0w.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.variation="1";this.color="green";this.rotation="0";this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e}}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"f3d8b7f5467b02d0c279dd48f806f7ecdda43055",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"20989a8f4a0ffacd98d5ea3fb635b9bb57c283ea",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"abe93f2fd25f250d863e91738929ed09b705dc22",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{key:"baab4800b5fd2e7b4da6354a8ea70977892f27e9",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"50b59b033a31199c8bfa1ffeb3dad71a8ec09939",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"7b8dcc70a852a9d19576339cb77001159eb459ff",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{key:"49ce3b1e67abf972cf5d85fc4fd7179789dc7475",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"178eeae1141014cd9d350efa16127287f9b3e693",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"5ddcf393f950bfac964f513641488157e4cbc864",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{key:"37c01095b5cb62aba5f08a63f68912c222f2455d",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"1a3508b2371190cbd682acdc0b35eba831b1bb9e",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=balShapeCss;export{Shape as bal_shape};
1
+ import{H as registerInstance,M as h,N as Host,O as getElement}from"./index-BgWhYta3.js";import{b as balColorGrey4,a as balColorYellow3,c as balColorYellow5,d as balColorPurple3,e as balColorPurple6,f as balColorRed3,g as balColorRed5,h as balColorGreen3,i as balColorGreen6}from"./tokens.esm-BuOIriY2.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.variation="1";this.color="green";this.rotation="0";this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e}}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{key:"f3d8b7f5467b02d0c279dd48f806f7ecdda43055",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{key:"20989a8f4a0ffacd98d5ea3fb635b9bb57c283ea",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{key:"abe93f2fd25f250d863e91738929ed09b705dc22",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{key:"baab4800b5fd2e7b4da6354a8ea70977892f27e9",id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{key:"50b59b033a31199c8bfa1ffeb3dad71a8ec09939",id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{key:"7b8dcc70a852a9d19576339cb77001159eb459ff",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{key:"49ce3b1e67abf972cf5d85fc4fd7179789dc7475",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{key:"178eeae1141014cd9d350efa16127287f9b3e693",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{key:"5ddcf393f950bfac964f513641488157e4cbc864",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{key:"37c01095b5cb62aba5f08a63f68912c222f2455d",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{key:"1a3508b2371190cbd682acdc0b35eba831b1bb9e",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=balShapeCss;export{Shape as bal_shape};
package/dist/esm-es5/bal-sheet.entry.js CHANGED
@@ -1 +1 @@
1
- import{H as registerInstance,M as h,N as Host}from"./index-BD2o1F4P.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balSheetCss=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";var Sheet=function(){function e(e){registerInstance(this,e);this.containerSize=""}e.prototype.render=function(){var e;var a=BEM.block("sheet");var t=a.element("container");var r=t.element("inner");var n=this.containerSize!==""?"is-".concat(this.containerSize):"";return h(Host,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},a.class())},h("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},t.class()),(e={container:true},e[n]=true,e))},h("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},r.class())},h("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))};return e}();Sheet.style=balSheetCss;export{Sheet as bal_sheet};
1
+ import{H as registerInstance,M as h,N as Host}from"./index-BgWhYta3.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balSheetCss=":root{--bal-sheet-radius:var(--bal-radius-large);--bal-sheet-background:var(--bal-color-white);--bal-sheet-shadow:var(--bal-shadow-normal);--bal-sheet-position-bottom:.5rem}.bal-sheet{display:block;position:fixed;bottom:var(--bal-sheet-position-bottom);left:0;right:0;width:100%;z-index:var(--bal-z-index-sticky);font-weight:var(--bal-font-weight-regular);font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-normal)}.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{border-radius:var(--bal-sheet-radius);background:var(--bal-sheet-background);-webkit-box-shadow:var(--bal-sheet-shadow);box-shadow:var(--bal-sheet-shadow);padding:1rem}@media screen and (min-width: 769px),print{.bal-sheet__container .bal-sheet__container__inner,.bal-sheet__container.container .bal-sheet__container__inner{padding:1rem 1.5rem}}";var Sheet=function(){function e(e){registerInstance(this,e);this.containerSize=""}e.prototype.render=function(){var e;var a=BEM.block("sheet");var t=a.element("container");var r=t.element("inner");var n=this.containerSize!==""?"is-".concat(this.containerSize):"";return h(Host,{key:"1277fe42a8e474e6e6e56524e80c172057409e68",class:Object.assign({},a.class())},h("div",{key:"489dfea1ce595b5f39871bff43f2bb2183ee2d0e",class:Object.assign(Object.assign({},t.class()),(e={container:true},e[n]=true,e))},h("div",{key:"f8c101d9aeb9a4e95e4723c9a7d314b6117eaa99",class:Object.assign({},r.class())},h("slot",{key:"d7c4dc1e3eb207ec9c34e8b1fd92aaa9301fcd16"}))))};return e}();Sheet.style=balSheetCss;export{Sheet as bal_sheet};
package/dist/esm-es5/bal-spinner.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,f as defaultConfig,Q as raf,K as rOnLoad,M as h,N as Host,O as getElement}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";var balSpinnerCss=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var Spinner=function(){function e(e){var r=this;registerInstance(this,e);this.animated=defaultConfig.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo";this.animate=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:r.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(r.animationItem&&r.animationItem.destroy){r.animationItem.destroy()}r.el.innerHTML=""};this.shouldAnimate=function(){if(r.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(r.animationFunction===undefined){return false}return!r.deactivated};this.load=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){return[2,new Promise((function(r,t){if(e.animationFunction){return r()}else{rOnLoad((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){import("./bal-spinner.animation-Bv2Ow6xu.js").then((function(t){e.animationFunction=t.animate;r()})).catch(t);return[2]}))}))}))}}))]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.deactivatedWatcher=function(e,r){if(e!==r){if(this.deactivated){this.destroy()}else{this.animate()}}};e.prototype.variationWatcher=function(e,r){if(e!==r){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};e.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};e.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};e.prototype.configChanged=function(e){this.animated=e.animated;if(e.animated===false){this.destroy()}};e.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};e.prototype.render=function(){var e=BEM.block("spinner");return h(Host,{key:"6986ffee4141e4096ad7e62a704697c8dfb31c18",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("circle").class(this.variation==="circle")),e.modifier("small").class(this.small)),e.modifier("animated").class(this.animated)),e.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-spinner"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Spinner.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Spinner.prototype,"configChanged",null);Spinner.style=balSpinnerCss;export{Spinner as bal_spinner};
1
+ import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,f as defaultConfig,Q as raf,K as rOnLoad,M as h,N as Host,O as getElement}from"./index-BgWhYta3.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToConfig}from"./config.decorator-FwS7csea.js";var balSpinnerCss=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var Spinner=function(){function e(e){var r=this;registerInstance(this,e);this.animated=defaultConfig.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo";this.animate=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:r.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=raf((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(r.animationItem&&r.animationItem.destroy){r.animationItem.destroy()}r.el.innerHTML=""};this.shouldAnimate=function(){if(r.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(r.animationFunction===undefined){return false}return!r.deactivated};this.load=function(){return __awaiter(r,void 0,void 0,(function(){var e=this;return __generator(this,(function(r){return[2,new Promise((function(r,t){if(e.animationFunction){return r()}else{rOnLoad((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){import("./bal-spinner.animation-Bv2Ow6xu.js").then((function(t){e.animationFunction=t.animate;r()})).catch(t);return[2]}))}))}))}}))]}))}))}}e.prototype.createLogger=function(e){this.log=e};e.prototype.deactivatedWatcher=function(e,r){if(e!==r){if(this.deactivated){this.destroy()}else{this.animate()}}};e.prototype.variationWatcher=function(e,r){if(e!==r){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};e.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};e.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};e.prototype.configChanged=function(e){this.animated=e.animated;if(e.animated===false){this.destroy()}};e.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};e.prototype.render=function(){var e=BEM.block("spinner");return h(Host,{key:"6986ffee4141e4096ad7e62a704697c8dfb31c18",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("circle").class(this.variation==="circle")),e.modifier("small").class(this.small)),e.modifier("animated").class(this.animated)),e.modifier("color-".concat(this.color)).class(this.variation==="circle")),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-spinner"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Spinner.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Spinner.prototype,"configChanged",null);Spinner.style=balSpinnerCss;export{Spinner as bal_spinner};