@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-notices_3.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,P as createEvent,O as getElement}from"./index-BD2o1F4P.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"294ba92d2e137fa0c5406ec60d56d0eed1e4fcf7",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"53decc541abb88d35bd6b27afb9af46bffc9b2b9",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"e1c9750c08902b3aec0fb0d87722f7bdf3f2bab4"})))};return a}();Notices.style=balNoticesCss;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.balAction=createEvent(this,"balAction");this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.target="_self";this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var o={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var l=n?this.icon:o[this.color||"info"];return h(Host,{key:"df929ed6cee25a1532d38271e670af91c0e863e0",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"adec486c4921a5811db09ec333f97f1a910df834",class:Object.assign({},e.class())},h("div",{key:"051a50017e348539aa62cfe754d46a7783251ec2","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:l,color:"primary",size:"medium"}):""),h("div",{key:"98a4577513a0bb2d01ae6a09aff30ed727e06edb",class:Object.assign({},e.element("content").class())},h("h2",{key:"accaabaf17294cd3e87a14009282fae9f593b388",id:s},this.subject),h("span",Object.assign({key:"c412b25f693f3bb3c09b89c6f49cc490a58cbc25"},i),h("slot",{key:"bcbe998117686a604798040450a0e6e01029d9ad"}),h("span",{key:"4941bb6cadaa3f1c893622130b2dc602ca34d0b8",class:"hidden"}))),h("div",{key:"86248cf3065ce74ddb4896a850472f661faf0de7",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"b04e7d7a75fb2a1f8eadbec4dc1f1ae7e218dd8c",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=balSnackbarCss;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"b49790e0483e251c17dd060c979af6ca8a7678b7",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"a131933ba9f0622de515e25b36114a94246c34ae",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"3a27b84ccc748f4d070eeef27499817fd6e5d2bf",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"2e6627eb3591a8e65507693e5871249c2c4b2ca6"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=balToastCss;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};
1
+ import{__awaiter,__generator}from"tslib";import{H as registerInstance,M as h,N as Host,P as createEvent,O as getElement}from"./index-BgWhYta3.js";import{B as BEM}from"./bem-ByiN-QjD.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"294ba92d2e137fa0c5406ec60d56d0eed1e4fcf7",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"53decc541abb88d35bd6b27afb9af46bffc9b2b9",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"e1c9750c08902b3aec0fb0d87722f7bdf3f2bab4"})))};return a}();Notices.style=balNoticesCss;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-info{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-success{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-warning{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__icon--color-danger{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.balAction=createEvent(this,"balAction");this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.target="_self";this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var l={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var o=n?this.icon:l[this.color||"info"];return h(Host,{key:"df929ed6cee25a1532d38271e670af91c0e863e0",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"adec486c4921a5811db09ec333f97f1a910df834",class:Object.assign({},e.class())},h("div",{key:"051a50017e348539aa62cfe754d46a7783251ec2","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:o,color:"primary",size:"medium"}):""),h("div",{key:"98a4577513a0bb2d01ae6a09aff30ed727e06edb",class:Object.assign({},e.element("content").class())},h("h2",{key:"accaabaf17294cd3e87a14009282fae9f593b388",id:s},this.subject),h("span",Object.assign({key:"c412b25f693f3bb3c09b89c6f49cc490a58cbc25"},i),h("slot",{key:"bcbe998117686a604798040450a0e6e01029d9ad"}),h("span",{key:"4941bb6cadaa3f1c893622130b2dc602ca34d0b8",class:"hidden"}))),h("div",{key:"86248cf3065ce74ddb4896a850472f661faf0de7",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"b04e7d7a75fb2a1f8eadbec4dc1f1ae7e218dd8c",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=balSnackbarCss;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-primary:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-toast__inner--color-info:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-toast__inner--color-success:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-toast__inner--color-warning:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-toast__inner--color-danger:before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose");this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"b49790e0483e251c17dd060c979af6ca8a7678b7",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"a131933ba9f0622de515e25b36114a94246c34ae",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"3a27b84ccc748f4d070eeef27499817fd6e5d2bf",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"2e6627eb3591a8e65507693e5871249c2c4b2ca6"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=balToastCss;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};
package/dist/esm-es5/bal-notification.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 balNotificationCss=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Notification=function(){function i(i){registerInstance(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=BEM.block("notification");i.element("inner");return h(Host,{key:"f9a2fea93790ed9356e61597b3a6301a2cabc57f",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},h("slot",{key:"032dda1d4a05b484eb484465e5550da20a71499e"}))};return i}();Notification.style=balNotificationCss;export{Notification as bal_notification};
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 balNotificationCss=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var Notification=function(){function i(i){registerInstance(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=BEM.block("notification");i.element("inner");return h(Host,{key:"f9a2fea93790ed9356e61597b3a6301a2cabc57f",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},h("slot",{key:"032dda1d4a05b484eb484465e5550da20a71499e"}))};return i}();Notification.style=balNotificationCss;export{Notification as bal_notification};
package/dist/esm-es5/bal-number-input.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,T as debounceEvent,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 isEmpty}from"./index-dYcsHLfj.js";import{i as isNaN}from"./index-D6JOtC1P.js";import{i as isNil}from"./index-zWZxKBfo.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 ListenToConfig}from"./config.decorator-ComxCRvh.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{f as inputHandleClick,i as inputHandleHostClick,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,k as getUpcomingValue,s as stopEventBubbling,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-DQl5OvyZ.js";import{g as getNegativeSymbol,a as getDecimalSeparator,b as getThousandSeparator,f as formatLocaleNumber}from"./number-CamQr1E4.js";import{N as NUMBER_KEYS,A as ACTION_KEYS}from"./keys.constant-xVPGsAdF.js";import"./_commonjsHelpers-BFTU3MAI.js";function checkIfValueIsStringAndDoesNotHaveGermanFormat(t){return typeof t==="string"&&getThousandSeparator()!=="."}function isNumber(t){var e=parseFloat(t);return typeof e==="number"&&!isNaN(e)}function isNotNumber(t){return!isNumber(t)&&t!==""&&t!==getNegativeSymbol()&&t!==getDecimalSeparator()}function toNumber(t,e){if(e===void 0){e=0}var i=t;if(i===""||i===undefined||i===null||isNaN(i)||i===getNegativeSymbol()||i===getDecimalSeparator()||!isNumber(i)){return undefined}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(typeof i==="string"){i=i.replace(getDecimalSeparator(),".")}return e===0?parseInt(i,10):parseFloat(i)}function toFixedNumber(t,e){if(e===void 0){e=0}var i=t;if(isNil(i)){return""}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===getDecimalSeparator()){i="0".concat(i)}var r=e===0?parseInt(i,10):parseFloat(i.replace(getDecimalSeparator(),"."));return isNaN(r)?"":r.toFixed(e)}function mapDecimalSeparator(t){return t.replace(".",getDecimalSeparator())}function toUserFormattedNumber(t,e,i){if(e===void 0){e=0}if(i===void 0){i=""}if(isNil(t)){return""}if(t.charAt(0)===getDecimalSeparator()){t="0".concat(t)}var r=e===0?parseInt(t,10):parseFloat(t);var a=i!==""?" ".concat(i.trim()):"";return isNaN(r)?"":formatLocaleNumber(r,e)+a}var countDecimalSeparators=function(t){return(t.split(getDecimalSeparator())||[]).length-1||0};function validateKeyDown(t){var e=t.key,i=t.ctrlKey,r=t.metaKey,a=t.selectionStart,n=t.selectionEnd,s=t.newValue,o=t.decimal,u=t.onlyPositive;if(["a","c","v"].includes(e)&&(i||r)){return true}if(e===getNegativeSymbol()){if(u){return false}else{if(a&&a>0&&n&&n>0){return false}}}if(e===getDecimalSeparator()){if(o===0){return false}else if(countDecimalSeparators(s)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true),[getDecimalSeparator(),getNegativeSymbol()],false).includes(e)){return false}if(o!==0&&s.includes(getDecimalSeparator())&&__spreadArray([],NUMBER_KEYS,true).includes(e)){var l=s.split(getDecimalSeparator());var f=l[l.length-1];if(f.length>o){return false}}return true}var balNumberInputCss=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var NumberInput=function(){function t(t){var e=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput");this.balChange=createEvent(this,"balChange");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balKeyPress=createEvent(this,"balKeyPress");this.inputId="bal-number-input-".concat(numberInputIds++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.onlyPositive=false;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onClick=function(t){return inputHandleClick(e,t)};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.onInput=function(t){var i;if(e.nativeInput){if(isNotNumber(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((i=e.nativeInput)===null||i===void 0?void 0:i.value)||"";e.balInput.emit(toNumber(e.lastValue,e.decimal))};this.onFocus=function(t){inputHandleFocus(e,t);if(e.nativeInput){e.nativeInputValue=mapDecimalSeparator(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){inputHandleBlur(e,t);if(e.nativeInput){e.lastValue=toFixedNumber(e.lastValueGetter,e.decimal);e.nativeInputValue=toUserFormattedNumber(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=toNumber(e.lastValueGetter,e.decimal);inputHandleChange(e)};this.onKeydown=function(t){var i=getUpcomingValue(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!validateKeyDown({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd,onlyPositive:e.onlyPositive})){return stopEventBubbling(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){var i=toNumber(t,this.decimal);if(i!==e){var r=i===""||isNil(i)||isNaN(i);var a=this.exactNumber?"0":"";var n=r?a:i.toString();this.inputValue=toNumber(toFixedNumber(n,this.decimal),this.decimal);this.lastValue=toFixedNumber(n,this.decimal);if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};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.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var e=getThousandSeparator();var i=getDecimalSeparator();if(i===","){i="\\,"}var r="-";if(this.onlyPositive){r=""}return"".concat(r,"?\\d{1,3}(?:").concat(e,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(isNil(this.lastValue)||isEmpty(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var e=BEM.block("number-input");return h(Host,{key:"d91080decce4a1568a02ca2dd035866aae49cf76",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},e.class())},h("input",Object.assign({key:"88efec9e37fd84e1aba4672521a93f5453105bcd",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(e){return t.nativeInput=e},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),name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(e){return t.onInput(e)},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},onClick:this.onClick,onKeyDown:function(e){return t.onKeydown(e)},onKeyPress:function(e){return t.balKeyPress.emit(e)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-number-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NumberInput.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NumberInput.prototype,"configChanged",null);var numberInputIds=0;NumberInput.style=balNumberInputCss;export{NumberInput as bal_number_input};
1
+ import{__awaiter,__generator,__spreadArray}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,f as defaultConfig,T as debounceEvent,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 isEmpty}from"./index-dYcsHLfj.js";import{i as isNaN}from"./index-D6JOtC1P.js";import{i as isNil}from"./index-zWZxKBfo.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 ListenToConfig}from"./config.decorator-FwS7csea.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{f as inputHandleClick,i as inputHandleHostClick,a as inputHandleFocus,b as inputHandleBlur,e as inputHandleChange,k as getUpcomingValue,s as stopEventBubbling,h as inputListenOnClick,j as inputHandleReset,c as inputSetFocus,d as inputSetBlur}from"./form-input-Dv0N9pEu.js";import{g as getNegativeSymbol,a as getDecimalSeparator,b as getThousandSeparator,f as formatLocaleNumber}from"./number-oUZz7C1l.js";import{N as NUMBER_KEYS,A as ACTION_KEYS}from"./keys.constant-xVPGsAdF.js";import"./_commonjsHelpers-BFTU3MAI.js";function checkIfValueIsStringAndDoesNotHaveGermanFormat(t){return typeof t==="string"&&getThousandSeparator()!=="."}function isNumber(t){var e=parseFloat(t);return typeof e==="number"&&!isNaN(e)}function isNotNumber(t){return!isNumber(t)&&t!==""&&t!==getNegativeSymbol()&&t!==getDecimalSeparator()}function toNumber(t,e){if(e===void 0){e=0}var i=t;if(i===""||i===undefined||i===null||isNaN(i)||i===getNegativeSymbol()||i===getDecimalSeparator()||!isNumber(i)){return undefined}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(typeof i==="string"){i=i.replace(getDecimalSeparator(),".")}return e===0?parseInt(i,10):parseFloat(i)}function toFixedNumber(t,e){if(e===void 0){e=0}var i=t;if(isNil(i)){return""}if(checkIfValueIsStringAndDoesNotHaveGermanFormat(i)){i=i.split(getThousandSeparator()).join("").split("`").join("").split("'").join("")}if(i.charAt(0)===getDecimalSeparator()){i="0".concat(i)}var r=e===0?parseInt(i,10):parseFloat(i.replace(getDecimalSeparator(),"."));return isNaN(r)?"":r.toFixed(e)}function mapDecimalSeparator(t){return t.replace(".",getDecimalSeparator())}function toUserFormattedNumber(t,e,i){if(e===void 0){e=0}if(i===void 0){i=""}if(isNil(t)){return""}if(t.charAt(0)===getDecimalSeparator()){t="0".concat(t)}var r=e===0?parseInt(t,10):parseFloat(t);var a=i!==""?" ".concat(i.trim()):"";return isNaN(r)?"":formatLocaleNumber(r,e)+a}var countDecimalSeparators=function(t){return(t.split(getDecimalSeparator())||[]).length-1||0};function validateKeyDown(t){var e=t.key,i=t.ctrlKey,r=t.metaKey,a=t.selectionStart,n=t.selectionEnd,s=t.newValue,o=t.decimal,u=t.onlyPositive;if(["a","c","v"].includes(e)&&(i||r)){return true}if(e===getNegativeSymbol()){if(u){return false}else{if(a&&a>0&&n&&n>0){return false}}}if(e===getDecimalSeparator()){if(o===0){return false}else if(countDecimalSeparators(s)>1){return false}}if(!__spreadArray(__spreadArray(__spreadArray([],NUMBER_KEYS,true),ACTION_KEYS,true),[getDecimalSeparator(),getNegativeSymbol()],false).includes(e)){return false}if(o!==0&&s.includes(getDecimalSeparator())&&__spreadArray([],NUMBER_KEYS,true).includes(e)){var l=s.split(getDecimalSeparator());var f=l[l.length-1];if(f.length>o){return false}}return true}var balNumberInputCss=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";var NumberInput=function(){function t(t){var e=this;registerInstance(this,t);this.balInput=createEvent(this,"balInput");this.balChange=createEvent(this,"balChange");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.balKeyPress=createEvent(this,"balKeyPress");this.inputId="bal-number-input-".concat(numberInputIds++);this.inheritedAttributes={};this.lastValue="";this.inputValue=this.value;this.initialValue=undefined;this.focused=false;this.language=defaultConfig.language;this.region=defaultConfig.region;this.ariaForm=defaultBalAriaForm;this.nativeInputValue="";this.inputPattern=this.createPattern();this.name=this.inputId;this.invalid=false;this.decimal=0;this.onlyPositive=false;this.required=false;this.disabled=false;this.readonly=false;this.exactNumber=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onClick=function(t){return inputHandleClick(e,t)};this.handleClick=function(t){return inputHandleHostClick(e,t)};this.onInput=function(t){var i;if(e.nativeInput){if(isNotNumber(e.nativeInput.value)){e.nativeInputValue=e.lastValue||"";return}}e.lastValue=((i=e.nativeInput)===null||i===void 0?void 0:i.value)||"";e.balInput.emit(toNumber(e.lastValue,e.decimal))};this.onFocus=function(t){inputHandleFocus(e,t);if(e.nativeInput){e.nativeInputValue=mapDecimalSeparator(e.lastValue||"");clearTimeout(e.selectTimeout);e.selectTimeout=setTimeout((function(){return e.nativeInput.select()}))}};this.onBlur=function(t){inputHandleBlur(e,t);if(e.nativeInput){e.lastValue=toFixedNumber(e.lastValueGetter,e.decimal);e.nativeInputValue=toUserFormattedNumber(e.lastValueGetter,e.decimal,e.suffix);e.nativeInput.value=e.nativeInputValue}e.inputValue=toNumber(e.lastValueGetter,e.decimal);inputHandleChange(e)};this.onKeydown=function(t){var i=getUpcomingValue(e,t);var r=t===null||t===void 0?void 0:t.target;if(r&&!validateKeyDown({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:e.decimal,newValue:i,selectionStart:r.selectionStart,selectionEnd:r.selectionEnd,onlyPositive:e.onlyPositive})){return stopEventBubbling(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){var i=toNumber(t,this.decimal);if(i!==e){var r=i===""||isNil(i)||isNaN(i);var a=this.exactNumber?"0":"";var n=r?a:i.toString();this.inputValue=toNumber(toFixedNumber(n,this.decimal),this.decimal);this.lastValue=toFixedNumber(n,this.decimal);if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||0;if(this.value!==undefined){this.valueChanged(this.value,undefined)}};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title"])};t.prototype.listenOnClick=function(t){inputListenOnClick(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){inputHandleReset(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.region=t.region;this.inputPattern=this.createPattern();if(this.nativeInput){if(this.focused){this.nativeInputValue=mapDecimalSeparator(this.lastValue)}else{this.nativeInputValue=toUserFormattedNumber(this.lastValue,this.decimal,this.suffix)}}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};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.createPattern=function(){if(this.pattern){return this.pattern}var t=this.suffix||"";if(t!==""){t=" ".concat(t)}var e=getThousandSeparator();var i=getDecimalSeparator();if(i===","){i="\\,"}var r="-";if(this.onlyPositive){r=""}return"".concat(r,"?\\d{1,3}(?:").concat(e,"\\d{3})*(?:\\").concat(i,"\\d{1,2})?(?:").concat(t,")?")};Object.defineProperty(t.prototype,"lastValueGetter",{get:function(){if(this.exactNumber&&(isNil(this.lastValue)||isEmpty(this.lastValue))){return"0"}return this.lastValue},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var e=BEM.block("number-input");return h(Host,{key:"d91080decce4a1568a02ca2dd035866aae49cf76",onClick:this.handleClick,"aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},e.class())},h("input",Object.assign({key:"88efec9e37fd84e1aba4672521a93f5453105bcd",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:function(e){return t.nativeInput=e},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),name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:function(e){return t.onInput(e)},onFocus:function(e){return t.onFocus(e)},onBlur:function(e){return t.onBlur(e)},onClick:this.onClick,onKeyDown:function(e){return t.onKeydown(e)},onKeyPress:function(e){return t.balKeyPress.emit(e)}},this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-number-input"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NumberInput.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NumberInput.prototype,"configChanged",null);var numberInputIds=0;NumberInput.style=balNumberInputCss;export{NumberInput as bal_number_input};
package/dist/esm-es5/bal-option_2.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,M as h,N as Host,O as getElement,x as waitAfterFramePaint,Q as raf}from"./index-BD2o1F4P.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates,B as BalElementStateListener}from"./element-states.decorator-_6uH3hvi.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{i as isNil}from"./index-zWZxKBfo.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{i as includes,s as startsWith}from"./utils-C_qktPg7.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import"./listener-BBbVS0yJ.js";import"./_commonjsHelpers-BFTU3MAI.js";var balOptionCss=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";var Option=function(){function t(t){var i=this;registerInstance(this,t);this.balOptionChange=createEvent(this,"balOptionChange");this.balOptionFocus=createEvent(this,"balOptionFocus");this.inputId="bal-option-".concat(balOptionIds++);this.checkbox=false;this.interactionState=BalElementStateListener.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false;this.onClick=function(t){var e=i.el.closest("bal-option-list");if(i.disabled||e&&e.disabled){stopEventBubbling(t)}else{if(e&&e.required&&!e.multiple){if(!i.selected){i.select(true)}}else{i.select(!i.selected)}}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,e=t.value,n=t.selected,r=t.disabled,a=t.hidden;if(!a&&!r){this.balOptionFocus.emit({label:i,value:e,selected:n})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,e=i.label,n=i.value;this.balOptionChange.emit({label:e,value:n,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("option");return h(Host,{key:"b1354e891bf0e8daf9dbd51f9f9c0343cb153cd7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":ariaBooleanToString(this.hidden),"aria-selected":ariaBooleanToString(this.selected),"aria-checked":ariaBooleanToString(this.selected),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),tabIndex:-1,onClick:this.onClick},h("bal-stack",{key:"86b29daf65cebd3b742841eb2ab3785a74ddf620",py:"small",space:"x-small"},this.checkbox?h("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",h("div",{key:"59f0e1afb3e543123dd891a5fc439f737c2454e4",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},h("slot",{key:"f817c6d88b07f8113194fbf6ba5f0298c9e99f81"})),this.selected&&!this.checkbox?h("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Option.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Option.prototype,"elementStateListener",null);var balOptionIds=0;Option.style=balOptionCss;var balOptionListCss=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var OptionList=function(){function t(t){registerInstance(this,t);this.inputId="bal-option-list-".concat(balOptionListIds++);this.inheritAttributes={};this.ariaForm=defaultBalAriaForm;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var e=this.getOptionIndex(i,t.detail.value);if(e!==undefined){this.updateFocus(i,e)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,e.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;n=this.getOptionIndexByLabel(e,t);this.updateFocus(e,n);r=e[n];this.updateScrollTopPosition(r);return[4,waitAfterFramePaint()];case 1:a.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:a.sent();a.label=3;case 3:return[2,n]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,waitAfterFramePaint()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var e=[];var n=this.filter==="includes"?includes:startsWith;for(var r=0;r<t.length;r++){var a=t[r];var o=a.textContent||"";if(n(o,i)){e.push(a);a.hidden=false}else{a.hidden=true}}return e};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var e=this.el.scrollTop;var n=e+i;var r=e<=t.offsetTop&&t.offsetTop+t.clientHeight<=n;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var e=i;if(e<0){return 0}return e};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var e=t.offsetTop+t.clientHeight;var n=e-i;if(n<0){return 0}return n};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var e=0;e<t.length;e++){var n=t[e];n.focused=e===i}};t.prototype.getOptionIndex=function(t,i){for(var e=0;e<t.length;e++){var n=t[e];if(n.value===i){return e}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(e.selected&&!e.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(!e.disabled&&!e.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var e=this.getLength(t);var n=i;if(i<e){n=i+1;if(t[n].disabled){return this.getNextOptionIndex(t,n)}}return n};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var e=this.getFirstOptionIndex(t);if(i<=e){return e}var n=i;n=i-1;if(t[n].disabled){return this.getPreviousOptionIndex(t,n)}return n};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var e=t[i];if(!e.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var e=t.find((function(t){return startsWith(t.label||"",i)}));if(!isNil(e)&&e.id){return t.indexOf(e)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var e=Math.max.apply(Math,i);return e};t.prototype.render=function(){var t=BEM.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return h(Host,{key:"b232136a55b7116f1894fca167540d50b7d974db",class:Object.assign({},t.class()),id:this.inputId},h("div",Object.assign({key:"2c8a33c3e9baf88f7acd26bb097690909c2fdacc",role:"listbox","aria-labelledby":i,"aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),h("slot",{key:"ae72b336a225342786af05f2a722d3d2f6409871"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option-list"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],OptionList.prototype,"createLogger",null);var balOptionListIds=0;OptionList.style=balOptionListCss;export{Option as bal_option,OptionList as bal_option_list};
1
+ import{__awaiter,__generator}from"tslib";import{L as Logger,H as registerInstance,P as createEvent,M as h,N as Host,O as getElement,x as waitAfterFramePaint,Q as raf}from"./index-BgWhYta3.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToElementStates,B as BalElementStateListener}from"./element-states.decorator-BPErBZif.js";import{s as stopEventBubbling}from"./form-input-Dv0N9pEu.js";import{i as isNil}from"./index-zWZxKBfo.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{i as includes,s as startsWith}from"./utils-C_qktPg7.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import"./listener-BCxt7kj7.js";import"./_commonjsHelpers-BFTU3MAI.js";var balOptionCss=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";var Option=function(){function t(t){var i=this;registerInstance(this,t);this.balOptionChange=createEvent(this,"balOptionChange");this.balOptionFocus=createEvent(this,"balOptionFocus");this.inputId="bal-option-".concat(balOptionIds++);this.checkbox=false;this.interactionState=BalElementStateListener.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false;this.onClick=function(t){var e=i.el.closest("bal-option-list");if(i.disabled||e&&e.disabled){stopEventBubbling(t)}else{if(e&&e.required&&!e.multiple){if(!i.selected){i.select(true)}}else{i.select(!i.selected)}}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,e=t.value,n=t.selected,r=t.disabled,a=t.hidden;if(!a&&!r){this.balOptionFocus.emit({label:i,value:e,selected:n})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,e=i.label,n=i.value;this.balOptionChange.emit({label:e,value:n,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("option");return h(Host,{key:"b1354e891bf0e8daf9dbd51f9f9c0343cb153cd7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":ariaBooleanToString(this.hidden),"aria-selected":ariaBooleanToString(this.selected),"aria-checked":ariaBooleanToString(this.selected),"aria-disabled":ariaBooleanToString(this.disabled),"aria-invalid":ariaBooleanToString(this.invalid),tabIndex:-1,onClick:this.onClick},h("bal-stack",{key:"86b29daf65cebd3b742841eb2ab3785a74ddf620",py:"small",space:"x-small"},this.checkbox?h("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",h("div",{key:"59f0e1afb3e543123dd891a5fc439f737c2454e4",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},h("slot",{key:"f817c6d88b07f8113194fbf6ba5f0298c9e99f81"})),this.selected&&!this.checkbox?h("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Option.prototype,"createLogger",null);__decorate([ListenToElementStates(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Option.prototype,"elementStateListener",null);var balOptionIds=0;Option.style=balOptionCss;var balOptionListCss=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var OptionList=function(){function t(t){registerInstance(this,t);this.inputId="bal-option-list-".concat(balOptionListIds++);this.inheritAttributes={};this.ariaForm=defaultBalAriaForm;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=inheritAttributes(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var e=this.getOptionIndex(i,t.detail.value);if(e!==undefined){this.updateFocus(i,e)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,e.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollBottomPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);e=t[i];this.updateScrollTopPosition(e);return[4,waitAfterFramePaint()];case 1:n.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var e,n,r;return __generator(this,(function(a){switch(a.label){case 0:e=this.options;n=this.getOptionIndexByLabel(e,t);this.updateFocus(e,n);r=e[n];this.updateScrollTopPosition(r);return[4,waitAfterFramePaint()];case 1:a.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:a.sent();a.label=3;case 3:return[2,n]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,waitAfterFramePaint()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,waitAfterFramePaint()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,waitAfterFramePaint()];case 1:e.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var e=[];var n=this.filter==="includes"?includes:startsWith;for(var r=0;r<t.length;r++){var a=t[r];var o=a.textContent||"";if(n(o,i)){e.push(a);a.hidden=false}else{a.hidden=true}}return e};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var e=this.el.scrollTop;var n=e+i;var r=e<=t.offsetTop&&t.offsetTop+t.clientHeight<=n;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var e=i;if(e<0){return 0}return e};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var e=t.offsetTop+t.clientHeight;var n=e-i;if(n<0){return 0}return n};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var e=0;e<t.length;e++){var n=t[e];n.focused=e===i}};t.prototype.getOptionIndex=function(t,i){for(var e=0;e<t.length;e++){var n=t[e];if(n.value===i){return e}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(e.selected&&!e.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var e=t[i];if(!e.disabled&&!e.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var e=this.getLength(t);var n=i;if(i<e){n=i+1;if(t[n].disabled){return this.getNextOptionIndex(t,n)}}return n};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var e=this.getFirstOptionIndex(t);if(i<=e){return e}var n=i;n=i-1;if(t[n].disabled){return this.getPreviousOptionIndex(t,n)}return n};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var e=t[i];if(!e.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var e=t.find((function(t){return startsWith(t.label||"",i)}));if(!isNil(e)&&e.id){return t.indexOf(e)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var e=Math.max.apply(Math,i);return e};t.prototype.render=function(){var t=BEM.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return h(Host,{key:"b232136a55b7116f1894fca167540d50b7d974db",class:Object.assign({},t.class()),id:this.inputId},h("div",Object.assign({key:"2c8a33c3e9baf88f7acd26bb097690909c2fdacc",role:"listbox","aria-labelledby":i,"aria-disabled":ariaBooleanToString(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),h("slot",{key:"ae72b336a225342786af05f2a722d3d2f6409871"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-option-list"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],OptionList.prototype,"createLogger",null);var balOptionListIds=0;OptionList.style=balOptionListCss;export{Option as bal_option,OptionList as bal_option_list};
package/dist/esm-es5/bal-pagination.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{H as registerInstance,P as createEvent,f as defaultConfig,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{b as balBreakpoints}from"./breakpoints.subject-wNA_Q1j5.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-ZB0xLyh9.js";import{L as ListenToConfig}from"./config.decorator-ComxCRvh.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-C7ySnb0w.js";var i18nControlLabel={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};function generatePaginationControl(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<0){i=2}var e=5+i*2;if(t<=e){for(var s=1;s<=t;s++){n.push({type:"page",label:s.toString(),active:s===a})}}else{if(a<=e-2-i){for(var s=1;s<=e-2;s++){n.push({type:"page",label:s.toString(),active:s===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var s=t-e+3;s<=t;s++){n.push({type:"page",label:s.toString(),active:s===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var r=Number(a);for(var s=r-i;s<=r+i;s++){n.push({type:"page",label:s.toString(),active:s===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var balPaginationCss=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list__more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list__more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list__more{width:3rem}}.bal-pagination__nav__pagination-list__more>span{display:inline;font-family:var(--bal-text-line-height-title);font-weight:700}.bal-pagination__nav__pagination-list__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";var Pagination=function(){function a(a){registerInstance(this,a);this.balChangeEventEmitter=createEvent(this,"balChange");this._value=1;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=generatePaginationControl(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=BEM.block("pagination").element("nav").element("pagination-list").element("more");return h("li",{"aria-hidden":"true"},h("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},h("span",null,"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var n=BEM.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return h("li",null,h("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(i)),n.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return h("li",null,h("button",{class:{button:true,"is-square":true,"is-primary":i,"is-text":!i,"is-disabled":this.disabled,"is-small":this.isMobile||this.size==="small"},"aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number"},a))};a.prototype.render=function(){var a,t;var i=this;var n=this.getItems(1);var e=this.getItems(this.pageRange);var s=BEM.block("pagination");var r=s.element("nav");var o=r.element("pagination-previous");var l=r.element("pagination-next");var g=r.element("pagination-list");var b=this.interface==="small";var c=b?"is-link":"is-text";var d=b||this.size==="small"||this.isMobile?"is-small":"";var p=b;var u=i18nControlLabel[this.language].left;var _=i18nControlLabel[this.language].right;var f=this.interface===""||b&&this.totalPages<=5;var v=function(){return h("span",{key:"59ca5648f4cc6cf0469b3a4238515508f742a552",class:Object.assign(Object.assign({},g.class()),g.modifier("context-".concat(i.interface)).class())},h("span",{key:"e8258fcfa29e3535f1b1da2dbf0e89266d6cec89"},i._value)," / "+i.totalPages)};var m=function(){return h("ul",{key:"9a53e78442f9ae97809217ca59c97ff70855968f",class:Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("context-".concat(i.interface)).class()),{"is-disabled":i.disabled}),"data-testid":"bal-pagination-list"},e)};var x=function(){return h("ul",{key:"1fe47c3d518b2ac04c5da482e91b581bed926f48",class:Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("context-".concat(i.interface)).class()),{"is-disabled":i.disabled}),"data-testid":"bal-pagination-list"},n)};return h(Host,{key:"e7537b55e58f3a59c0092b6b63a9d66e37ae7fdf",class:Object.assign(Object.assign({},s.class()),s.modifier("is-sticky").class(this.sticky))},h("nav",{key:"e98779bf3ef44a0ddb9c037a557ef9c9f6120950",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class(this.interface!=="")),r.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},!this.disabled?h("button",{class:Object.assign(Object.assign((a={button:true,"is-square":true,"is-disabled":this._value<2,"is-flat":p},a[c]=true,a[d]=true,a),o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2,onClick:function(){return i.previous()},"data-testid":"bal-pagination-controls-left",title:u},h("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})):"",!this.disabled?h("button",{class:Object.assign(Object.assign((t={button:true,"is-square":true,"is-disabled":this._value===this.totalPages,"is-flat":p},t[c]=true,t[d]=true,t),l.class()),l.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages,onClick:function(){return i.next()},"data-testid":"bal-pagination-controls-right",title:_},h("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})):"",f&&this.isMobile?h(x,null):"",f&&!this.isMobile?h(m,null):"",!f?h(v,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Pagination.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Pagination.prototype,"configChanged",null);Pagination.style=balPaginationCss;export{Pagination as bal_pagination};
1
+ import{__awaiter,__generator}from"tslib";import{H as registerInstance,P as createEvent,f as defaultConfig,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{b as balBreakpoints}from"./breakpoints.subject-B4lpOFRU.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DPFzYtUR.js";import{L as ListenToConfig}from"./config.decorator-FwS7csea.js";import"./device-CWdcsnSc.js";import"./listener-BCxt7kj7.js";import"./tokens.esm-BuOIriY2.js";var i18nControlLabel={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};function generatePaginationControl(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<0){i=2}var e=5+i*2;if(t<=e){for(var s=1;s<=t;s++){n.push({type:"page",label:s.toString(),active:s===a})}}else{if(a<=e-2-i){for(var s=1;s<=e-2;s++){n.push({type:"page",label:s.toString(),active:s===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var s=t-e+3;s<=t;s++){n.push({type:"page",label:s.toString(),active:s===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var r=Number(a);for(var s=r-i;s<=r+i;s++){n.push({type:"page",label:s.toString(),active:s===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var balPaginationCss=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list__more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list__more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list__more{width:3rem}}.bal-pagination__nav__pagination-list__more>span{display:inline;font-family:var(--bal-text-line-height-title);font-weight:700}.bal-pagination__nav__pagination-list__more--disabled{color:var(--bal-color-text-grey)}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}.bal-pagination__nav__pagination-list button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}";var Pagination=function(){function a(a){registerInstance(this,a);this.balChangeEventEmitter=createEvent(this,"balChange");this._value=1;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=generatePaginationControl(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=BEM.block("pagination").element("nav").element("pagination-list").element("more");return h("li",{"aria-hidden":"true"},h("div",{class:Object.assign(Object.assign({},a.class()),a.modifier("disabled").class(this.disabled))},h("span",null,"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var n=BEM.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return h("li",null,h("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("active").class(i)),n.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return h("li",null,h("button",{class:{button:true,"is-square":true,"is-primary":i,"is-text":!i,"is-disabled":this.disabled,"is-small":this.isMobile||this.size==="small"},"aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number"},a))};a.prototype.render=function(){var a,t;var i=this;var n=this.getItems(1);var e=this.getItems(this.pageRange);var s=BEM.block("pagination");var r=s.element("nav");var o=r.element("pagination-previous");var l=r.element("pagination-next");var c=r.element("pagination-list");var g=this.interface==="small";var b=g?"is-link":"is-text";var d=g||this.size==="small"||this.isMobile?"is-small":"";var p=g;var u=i18nControlLabel[this.language].left;var _=i18nControlLabel[this.language].right;var f=this.interface===""||g&&this.totalPages<=5;var v=function(){return h("span",{key:"59ca5648f4cc6cf0469b3a4238515508f742a552",class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(i.interface)).class())},h("span",{key:"e8258fcfa29e3535f1b1da2dbf0e89266d6cec89"},i._value)," / "+i.totalPages)};var m=function(){return h("ul",{key:"9a53e78442f9ae97809217ca59c97ff70855968f",class:Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(i.interface)).class()),{"is-disabled":i.disabled}),"data-testid":"bal-pagination-list"},e)};var x=function(){return h("ul",{key:"1fe47c3d518b2ac04c5da482e91b581bed926f48",class:Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(i.interface)).class()),{"is-disabled":i.disabled}),"data-testid":"bal-pagination-list"},n)};return h(Host,{key:"e7537b55e58f3a59c0092b6b63a9d66e37ae7fdf",class:Object.assign(Object.assign({},s.class()),s.modifier("is-sticky").class(this.sticky))},h("nav",{key:"e98779bf3ef44a0ddb9c037a557ef9c9f6120950",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("context-".concat(this.interface)).class(this.interface!=="")),r.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},!this.disabled?h("button",{class:Object.assign(Object.assign((a={button:true,"is-square":true,"is-disabled":this._value<2,"is-flat":p},a[b]=true,a[d]=true,a),o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2,onClick:function(){return i.previous()},"data-testid":"bal-pagination-controls-left",title:u},h("bal-icon",{name:"nav-go-left",size:"small",disabled:this._value<2})):"",!this.disabled?h("button",{class:Object.assign(Object.assign((t={button:true,"is-square":true,"is-disabled":this._value===this.totalPages,"is-flat":p},t[b]=true,t[d]=true,t),l.class()),l.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages,onClick:function(){return i.next()},"data-testid":"bal-pagination-controls-right",title:_},h("bal-icon",{name:"nav-go-right",size:"small",disabled:this._value===this.totalPages})):"",f&&this.isMobile?h(x,null):"",f&&!this.isMobile?h(m,null):"",!f?h(v,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Pagination.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Pagination.prototype,"configChanged",null);Pagination.style=balPaginationCss;export{Pagination as bal_pagination};
package/dist/esm-es5/bal-popup.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__extends,__generator}from"tslib";import{a as balBrowser,L as Logger,H as registerInstance,P as createEvent,I as debounce,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{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-DQl5OvyZ.js";import{c as isEscapeKey}from"./keyboard.helpers-D1VPLQ5z.js";import{b as balFloatingUi}from"./floating-ui-kujr4RUr.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}if(t.innerEl){t.innerEl.style.setProperty("max-height","calc(var(--bal-app-height, 100%) - ".concat(this.offset,"px)"))}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");if(t.innerEl){t.innerEl.style.removeProperty("max-height")}return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;var a=this;return __generator(this,(function(o){switch(o.label){case 0:return[4,balFloatingUi.load()];case 1:i=o.sent();if(!t.trigger&&balBrowser.hasDocument){e=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=e}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(n){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(function(){a.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n,a,o,s;return __generator(this,(function(u){switch(u.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,balFloatingUi.load()];case 1:r=u.sent();n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;a=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();o=(e=t.trigger)===null||e===void 0?void 0:e.getBoundingClientRect();s=false;if(balBrowser.hasWindow){s=!!window.frameElement}r.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[s?undefined:r.shift(),r.flip(),r.offset(this.arrow?16:this.offset),r.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var e,r;var s=i.x,u=i.y,h=i.middlewareData,p=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(s,"px"),top:"".concat(u,"px")});var c=p.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(h.arrow&&t.arrowEl){var l=h.arrow;if(n){var d=a.right-o.right-4;Object.assign(t.arrowEl.style,(e={right:"".concat(d+o.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},e[f]="".concat(-4,"px"),e))}else{Object.assign(t.arrowEl.style,(r={left:s!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},r[f]="".concat(-4,"px"),r))}}}}));return[2,true];case 2:return[2,false]}}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=e.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=e.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=e.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.minContainerWidth="16.25rem";this.label="";this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.initialActive=this.active;this.demo=false;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var e=t.target;return e.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:e.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:e.sent();e.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:e.sent();e.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;return __generator(this,(function(a){switch(a.label){case 0:e=t.target;r=e.closest("[bal-popup]");if(!(r&&balBrowser.hasWindow))return[3,1];n=((i=r.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(r)}return[3,3];case 1:if(!(!this.backdrop&&this.closable&&this.presented&&!isDescendant(this.el,e)))return[3,3];return[4,this.dismiss()];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.activeClosable&&this.presented&&isEscapeKey(t)))return[3,2];stopEventBubbling(t);return[4,this.dismiss()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth="".concat(t,"px")}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=e.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus({preventScroll:true})}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,e){var r=t.attributes.getNamedItem(i);return r?r.value:e};t.prototype.getNumberValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){return parseInt(r.value,10)||e}return e};t.prototype.getBooleanValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){var n=r.value===""||r.value==="true"?true:false;return r?n:e}return e};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var r=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==r.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];e=t[i];return[4,e._dismiss()];case 2:n.sent();return[4,e._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.contentEl;if(t){t.focus({preventScroll:true})}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var e=i.element("container");var r=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var o=a.element("head");var s=a.element("content");return h(Host,{key:"f34be400326ce5ad36088ad230a0c0fa5a3177cd",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{key:"35ef4753fffed9f8926125a3b34ae7603cc5afe4",class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{key:"5c9506eea596ea520b0928d4cb19bed2c58c2556",class:Object.assign(Object.assign({},e.class()),e.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:this.minContainerWidth}},h("div",{key:"b81e14abdec8e3d557d5c976351e60e31df89480",class:Object.assign({},r.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{key:"5785d79d871caad18b3d82fc8e83edf13851d7a0",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class()),ref:function(i){return t.innerEl=i}},this.label?h("bal-stack",{space:"auto",class:Object.assign({},o.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{key:"87e8fb9e2423a8bb7bfcc9ffb42e4117003e71fd",class:Object.assign({},s.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content",tabindex:"-1"},h("slot",{key:"426bde256b70e071983d1c4f44d16c6bf6860f02"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);var popupIds=0;Popup.style=balPopupCss;export{Popup as bal_popup};
1
+ import{__awaiter,__extends,__generator}from"tslib";import{a as balBrowser,L as Logger,H as registerInstance,P as createEvent,I as debounce,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{B as BEM}from"./bem-ByiN-QjD.js";import{s as stopEventBubbling}from"./form-input-Dv0N9pEu.js";import{c as isEscapeKey}from"./keyboard.helpers-D1VPLQ5z.js";import{b as balFloatingUi}from"./floating-ui-CNYJCYYO.js";var AbstractVariantRenderer=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var DrawerVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var FullscreenVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}if(t.innerEl){t.innerEl.style.setProperty("max-height","calc(var(--bal-app-height, 100%) - ".concat(this.offset,"px)"))}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");if(t.innerEl){t.innerEl.style.removeProperty("max-height")}return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var PopoverVariantRenderer=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;var a=this;return __generator(this,(function(s){switch(s.label){case 0:return[4,balFloatingUi.load()];case 1:i=s.sent();if(!t.trigger&&balBrowser.hasDocument){e=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=e}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&balBrowser.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(n){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(function(){a.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n,a,s,o;return __generator(this,(function(u){switch(u.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,balFloatingUi.load()];case 1:r=u.sent();n=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;a=(i=this.triggerEl)===null||i===void 0?void 0:i.getBoundingClientRect();s=(e=t.trigger)===null||e===void 0?void 0:e.getBoundingClientRect();o=false;if(balBrowser.hasWindow){o=!!window.frameElement}r.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[o?undefined:r.shift(),r.flip(),r.offset(this.arrow?16:this.offset),r.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var e,r;var o=i.x,u=i.y,h=i.middlewareData,p=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(o,"px"),top:"".concat(u,"px")});var c=p.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[c];if(h.arrow&&t.arrowEl){var l=h.arrow;if(n){var d=a.right-s.right-4;Object.assign(t.arrowEl.style,(e={right:"".concat(d+s.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},e[f]="".concat(-4,"px"),e))}else{Object.assign(t.arrowEl.style,(r={left:o!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},r[f]="".concat(-4,"px"),r))}}}}));return[2,true];case 2:return[2,false]}}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return i}(AbstractVariantRenderer);var VariantRenderer=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=e.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=e.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){switch(e.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=e.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var balPopupCss=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var Popup=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.popupId="bal-pu-".concat(popupIds++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new VariantRenderer(new PopoverVariantRenderer);this.fullscreenVariantRenderer=new VariantRenderer(new FullscreenVariantRenderer);this.drawerVariantRenderer=new VariantRenderer(new DrawerVariantRenderer);this.lastVariant="popover";this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.minContainerWidth="16.25rem";this.label="";this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.initialActive=this.active;this.demo=false;this.debouncedGlobalClick=debounce((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var e=t.target;return e.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:e.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:e.sent();e.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:e.sent();e.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var i,e,r,n;return __generator(this,(function(a){switch(a.label){case 0:e=t.target;r=e.closest("[bal-popup]");if(!(r&&balBrowser.hasWindow))return[3,1];n=((i=r.attributes.getNamedItem("bal-popup"))===null||i===void 0?void 0:i.nodeValue)||"";if(this.el.id===n){this.debouncedGlobalClick(r)}return[3,3];case 1:if(!(!this.backdrop&&this.closable&&this.presented&&!isDescendant(this.el,e)))return[3,3];return[4,this.dismiss()];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.activeClosable&&this.presented&&isEscapeKey(t)))return[3,2];stopEventBubbling(t);return[4,this.dismiss()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth="".concat(t,"px")}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:if(balBrowser.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:i.sent();this.presented=true;i.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=i.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=e.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus({preventScroll:true})}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,e){var r=t.attributes.getNamedItem(i);return r?r.value:e};t.prototype.getNumberValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){return parseInt(r.value,10)||e}return e};t.prototype.getBooleanValue=function(t,i,e){var r=t.attributes.getNamedItem(i);if(r){var n=r.value===""||r.value==="true"?true:false;return r?n:e}return e};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var r=this;return __generator(this,(function(n){switch(n.label){case 0:if(!balBrowser.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==r.el.id&&t.ariaHidden!=="true"}));i=0;n.label=1;case 1:if(!(i<t.length))return[3,5];e=t[i];return[4,e._dismiss()];case 2:n.sent();return[4,e._emitChange()];case 3:n.sent();n.label=4;case 4:i++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.contentEl;if(t){t.focus({preventScroll:true})}};t.prototype.render=function(){var t=this;var i=BEM.block("popup");var e=i.element("container");var r=i.element("arrow");var n=i.element("backdrop");var a=i.element("inner");var s=a.element("head");var o=a.element("content");return h(Host,{key:"f34be400326ce5ad36088ad230a0c0fa5a3177cd",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},h("div",{key:"35ef4753fffed9f8926125a3b34ae7603cc5afe4",class:Object.assign({},n.class()),ref:function(i){return t.backdropEl=i}}),h("div",{key:"5c9506eea596ea520b0928d4cb19bed2c58c2556",class:Object.assign(Object.assign({},e.class()),e.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:this.minContainerWidth}},h("div",{key:"b81e14abdec8e3d557d5c976351e60e31df89480",class:Object.assign({},r.class()),ref:function(i){return t.arrowEl=i}}),h("bal-stack",{key:"5785d79d871caad18b3d82fc8e83edf13851d7a0",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class()),ref:function(i){return t.innerEl=i}},this.label?h("bal-stack",{space:"auto",class:Object.assign({},s.class())},h("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?h("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",h("div",{key:"87e8fb9e2423a8bb7bfcc9ffb42e4117003e71fd",class:Object.assign({},o.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content",tabindex:"-1"},h("slot",{key:"426bde256b70e071983d1c4f44d16c6bf6860f02"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-popup"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Popup.prototype,"createLogger",null);var popupIds=0;Popup.style=balPopupCss;export{Popup as bal_popup};
package/dist/esm-es5/bal-progress-bar.entry.js CHANGED
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{H as registerInstance,Q as raf,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{b as balBreakpoints}from"./breakpoints.subject-wNA_Q1j5.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-ZB0xLyh9.js";import{L as ListenToWindowResize}from"./window-resize.decorator-Dtb8gxAo.js";import"./window-resize.subject-VS51emX-.js";import"./device-DT_jgFo1.js";import"./listener-BBbVS0yJ.js";import"./tokens.esm-C7ySnb0w.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=BEM.block("progress-bar");var a=e.element("line");return h(Host,{key:"065dfb46b4b743aa654594135a95e676c0102436","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{key:"262d38096b7aeb0837e0298394ff5f41179d6d9d",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("color-".concat(this.color)).class()),a.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=balProgressBarCss;export{ProgressBar as bal_progress_bar};
1
+ import{__awaiter,__generator}from"tslib";import{H as registerInstance,Q as raf,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{b as balBreakpoints}from"./breakpoints.subject-B4lpOFRU.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-DPFzYtUR.js";import{L as ListenToWindowResize}from"./window-resize.decorator-kT7q2s-o.js";import"./window-resize.subject-CP9YONGI.js";import"./device-CWdcsnSc.js";import"./listener-BCxt7kj7.js";import"./tokens.esm-BuOIriY2.js";var balProgressBarCss=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var ProgressBar=function(){function r(r){registerInstance(this,r);this.animated=true;this.isTouch=balBreakpoints.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){raf((function(){var a=r.el.clientWidth;var e=Math.max(0,Math.min(100,r.value));var o=a/100*e;r.lineEl.style.width="".concat(o,"px");if(e===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var a=BEM.block("progress-bar");var e=a.element("line");return h(Host,{key:"065dfb46b4b743aa654594135a95e676c0102436","aria-hidden":"true",class:Object.assign(Object.assign({},a.class()),a.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},h("div",{key:"262d38096b7aeb0837e0298394ff5f41179d6d9d",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class()),e.modifier("animated").class(this.animated)),ref:function(a){return r.lineEl=a}}))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"breakpointListener",null);__decorate([ListenToWindowResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],ProgressBar.prototype,"windowResizeListener",null);ProgressBar.style=balProgressBarCss;export{ProgressBar as bal_progress_bar};