@tylertech/forge 3.0.0-next.15 → 3.0.0-next.17

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 (826) hide show
  1. package/custom-elements.json +52750 -45172
  2. package/dist/esm/accordion/index.js +1 -1
  3. package/dist/esm/app-bar/app-bar/index.js +1 -1
  4. package/dist/esm/app-bar/help-button/index.js +1 -1
  5. package/dist/esm/app-bar/index.js +1 -1
  6. package/dist/esm/app-bar/menu-button/index.js +1 -1
  7. package/dist/esm/app-bar/notification-button/index.js +1 -1
  8. package/dist/esm/app-bar/profile-button/index.js +1 -1
  9. package/dist/esm/app-bar/search/index.js +1 -1
  10. package/dist/esm/autocomplete/index.js +1 -1
  11. package/dist/esm/avatar/index.js +1 -1
  12. package/dist/esm/backdrop/index.js +1 -1
  13. package/dist/esm/badge/index.js +1 -1
  14. package/dist/esm/banner/index.js +1 -1
  15. package/dist/esm/bottom-sheet/index.js +1 -1
  16. package/dist/esm/busy-indicator/index.js +1 -1
  17. package/dist/esm/button/index.js +1 -1
  18. package/dist/esm/button-area/index.js +1 -1
  19. package/dist/esm/button-toggle/button-toggle/index.js +1 -1
  20. package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
  21. package/dist/esm/button-toggle/index.js +1 -1
  22. package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
  23. package/dist/esm/calendar/calendar-menu/index.js +1 -1
  24. package/dist/esm/calendar/index.js +1 -1
  25. package/dist/esm/card/index.js +1 -1
  26. package/dist/esm/checkbox/index.js +1 -1
  27. package/dist/esm/chip-field/index.js +1 -1
  28. package/dist/esm/chips/chip/index.js +1 -1
  29. package/dist/esm/chips/chip-set/index.js +1 -1
  30. package/dist/esm/chips/index.js +1 -1
  31. package/dist/esm/chunks/chunk.253H47GA.js +7 -0
  32. package/dist/esm/chunks/chunk.253H47GA.js.map +7 -0
  33. package/dist/esm/chunks/chunk.2K3T63I2.js +7 -0
  34. package/dist/esm/chunks/{chunk.NVR6KN2B.js.map → chunk.2K3T63I2.js.map} +1 -1
  35. package/dist/esm/chunks/{chunk.KWBYYSH3.js → chunk.2NGPMBVU.js} +2 -2
  36. package/dist/esm/chunks/chunk.2UVBQKJI.js +7 -0
  37. package/dist/esm/chunks/{chunk.4XN2WGMP.js.map → chunk.2UVBQKJI.js.map} +2 -2
  38. package/dist/esm/chunks/chunk.3PHNRX5D.js +7 -0
  39. package/dist/esm/chunks/chunk.3PHNRX5D.js.map +7 -0
  40. package/dist/esm/chunks/chunk.42VNZ74O.js +7 -0
  41. package/dist/esm/chunks/chunk.42VNZ74O.js.map +7 -0
  42. package/dist/esm/chunks/chunk.4JEBLMI3.js +7 -0
  43. package/dist/esm/chunks/{chunk.Q2Q626DG.js.map → chunk.4JEBLMI3.js.map} +1 -1
  44. package/dist/esm/chunks/chunk.4X4SSZQU.js +7 -0
  45. package/dist/esm/chunks/{chunk.YMSX4F3J.js.map → chunk.4X4SSZQU.js.map} +1 -1
  46. package/dist/esm/chunks/chunk.53HPDCFR.js +7 -0
  47. package/dist/esm/chunks/chunk.53HPDCFR.js.map +7 -0
  48. package/dist/esm/chunks/{chunk.L45HXBDS.js → chunk.5BQT3E7Y.js} +2 -2
  49. package/dist/esm/chunks/chunk.5YTYVHYR.js +7 -0
  50. package/dist/esm/chunks/chunk.5YTYVHYR.js.map +7 -0
  51. package/dist/esm/chunks/chunk.6J27XSTE.js +7 -0
  52. package/dist/esm/chunks/chunk.6J27XSTE.js.map +7 -0
  53. package/dist/esm/chunks/chunk.6JR2HMWB.js +7 -0
  54. package/dist/esm/chunks/chunk.6JR2HMWB.js.map +7 -0
  55. package/dist/esm/chunks/chunk.6P4G73VL.js +7 -0
  56. package/dist/esm/chunks/chunk.6P4G73VL.js.map +7 -0
  57. package/dist/esm/chunks/chunk.6RZCV4ZV.js +7 -0
  58. package/dist/esm/chunks/{chunk.W7BP2DDU.js.map → chunk.6RZCV4ZV.js.map} +2 -2
  59. package/dist/esm/chunks/chunk.6YDMW2GO.js +7 -0
  60. package/dist/esm/chunks/{chunk.FQUZWINF.js.map → chunk.6YDMW2GO.js.map} +2 -2
  61. package/dist/esm/chunks/chunk.7QO5JEOC.js +7 -0
  62. package/dist/esm/chunks/{chunk.FXGY5IVK.js.map → chunk.7QO5JEOC.js.map} +2 -2
  63. package/dist/esm/chunks/chunk.AQOLBID6.js +7 -0
  64. package/dist/esm/chunks/{chunk.5KYKGNGY.js.map → chunk.AQOLBID6.js.map} +1 -1
  65. package/dist/esm/chunks/{chunk.BAQYPAUM.js → chunk.AWEDY45N.js} +2 -2
  66. package/dist/esm/chunks/chunk.CLODJYSW.js +7 -0
  67. package/dist/esm/chunks/chunk.CLODJYSW.js.map +7 -0
  68. package/dist/esm/chunks/chunk.CPD4RUF2.js +7 -0
  69. package/dist/esm/chunks/{chunk.OTUEB7SD.js.map → chunk.CPD4RUF2.js.map} +1 -1
  70. package/dist/esm/chunks/chunk.D7L2IMHJ.js +7 -0
  71. package/dist/esm/chunks/chunk.D7L2IMHJ.js.map +7 -0
  72. package/dist/esm/chunks/chunk.DFRD7A2Y.js +7 -0
  73. package/dist/esm/chunks/{chunk.YA5OQD37.js.map → chunk.DFRD7A2Y.js.map} +2 -2
  74. package/dist/esm/chunks/chunk.DOAQODLZ.js +7 -0
  75. package/dist/esm/chunks/chunk.DOAQODLZ.js.map +7 -0
  76. package/dist/esm/chunks/chunk.EPVNVBZI.js +7 -0
  77. package/dist/esm/chunks/chunk.EPVNVBZI.js.map +7 -0
  78. package/dist/esm/chunks/chunk.F2327OUE.js +7 -0
  79. package/dist/esm/chunks/chunk.F2327OUE.js.map +7 -0
  80. package/dist/esm/chunks/chunk.FTADCSFT.js +7 -0
  81. package/dist/esm/chunks/chunk.FTADCSFT.js.map +7 -0
  82. package/dist/esm/chunks/chunk.GAHE4QVB.js +7 -0
  83. package/dist/esm/chunks/{chunk.X3QZY7V4.js.map → chunk.GAHE4QVB.js.map} +1 -1
  84. package/dist/esm/chunks/chunk.GDKJ4RZX.js +7 -0
  85. package/dist/esm/chunks/chunk.GDKJ4RZX.js.map +7 -0
  86. package/dist/esm/chunks/{chunk.O6MGA3XK.js → chunk.GFKYBECY.js} +2 -2
  87. package/dist/esm/chunks/chunk.GYGIU62J.js +7 -0
  88. package/dist/esm/chunks/{chunk.JEZR25US.js.map → chunk.GYGIU62J.js.map} +1 -1
  89. package/dist/esm/chunks/chunk.H6AG3EFX.js +7 -0
  90. package/dist/esm/chunks/{chunk.7PVVZC7P.js.map → chunk.H6AG3EFX.js.map} +3 -3
  91. package/dist/esm/chunks/{chunk.JHELTQKA.js → chunk.HBFU4EGB.js} +2 -2
  92. package/dist/esm/chunks/{chunk.JHELTQKA.js.map → chunk.HBFU4EGB.js.map} +2 -2
  93. package/dist/esm/chunks/chunk.HP4333ZN.js +7 -0
  94. package/dist/esm/chunks/{chunk.KGHABAFA.js.map → chunk.HP4333ZN.js.map} +1 -1
  95. package/dist/esm/chunks/chunk.HPCXVNG6.js +7 -0
  96. package/dist/esm/chunks/{chunk.CZOABXEQ.js.map → chunk.HPCXVNG6.js.map} +3 -3
  97. package/dist/esm/chunks/{chunk.WMP2OLMG.js → chunk.IC4DLKE3.js} +2 -2
  98. package/dist/esm/chunks/{chunk.WMP2OLMG.js.map → chunk.IC4DLKE3.js.map} +2 -2
  99. package/dist/esm/chunks/{chunk.MHH26REX.js → chunk.IDB4KFSQ.js} +2 -2
  100. package/dist/esm/chunks/chunk.INQZNXG6.js +7 -0
  101. package/dist/esm/chunks/chunk.INQZNXG6.js.map +7 -0
  102. package/dist/esm/chunks/chunk.JBQXD3FJ.js +7 -0
  103. package/dist/esm/chunks/{chunk.XQLQ73NG.js.map → chunk.JBQXD3FJ.js.map} +1 -1
  104. package/dist/esm/chunks/chunk.JLDKNU5Q.js +7 -0
  105. package/dist/esm/chunks/{chunk.LK6QHLW2.js.map → chunk.JLDKNU5Q.js.map} +1 -1
  106. package/dist/esm/chunks/chunk.JMIUB3S3.js +7 -0
  107. package/dist/esm/chunks/{chunk.Y4ZS3A6F.js.map → chunk.JMIUB3S3.js.map} +2 -2
  108. package/dist/esm/chunks/chunk.JPOTN7LL.js +177 -0
  109. package/dist/esm/chunks/{chunk.AVRBHXDT.js.map → chunk.JPOTN7LL.js.map} +1 -1
  110. package/dist/esm/chunks/chunk.JRROGJ2G.js +7 -0
  111. package/dist/esm/chunks/chunk.JRROGJ2G.js.map +7 -0
  112. package/dist/esm/chunks/chunk.KD4DVSJR.js +15 -0
  113. package/dist/esm/chunks/chunk.KD4DVSJR.js.map +7 -0
  114. package/dist/esm/chunks/{chunk.PRJHBUU2.js → chunk.KPNGLSCU.js} +1 -1
  115. package/dist/esm/chunks/chunk.KPNGLSCU.js.map +7 -0
  116. package/dist/esm/chunks/chunk.KVPKVWCZ.js +7 -0
  117. package/dist/esm/chunks/{chunk.UOEJCU6R.js.map → chunk.KVPKVWCZ.js.map} +1 -1
  118. package/dist/esm/chunks/chunk.KWP42KR7.js +7 -0
  119. package/dist/esm/chunks/{chunk.JZ27GPZJ.js.map → chunk.KWP42KR7.js.map} +2 -2
  120. package/dist/esm/chunks/chunk.KYACLC66.js +7 -0
  121. package/dist/esm/chunks/{chunk.Q74SG6BV.js.map → chunk.KYACLC66.js.map} +1 -1
  122. package/dist/esm/chunks/chunk.KZMXTOLO.js +15 -0
  123. package/dist/esm/chunks/chunk.KZMXTOLO.js.map +7 -0
  124. package/dist/esm/chunks/chunk.L5OB7WM2.js +7 -0
  125. package/dist/esm/chunks/{chunk.BIVQ4GTK.js.map → chunk.L5OB7WM2.js.map} +1 -1
  126. package/dist/esm/chunks/chunk.L7BSLZCB.js +7 -0
  127. package/dist/esm/chunks/{chunk.AIPDMLJD.js.map → chunk.L7BSLZCB.js.map} +1 -1
  128. package/dist/esm/chunks/{chunk.URKQICJD.js → chunk.LDHY3O6H.js} +2 -2
  129. package/dist/esm/chunks/{chunk.KDJZN6EW.js → chunk.LEN33O6V.js} +2 -2
  130. package/dist/esm/chunks/chunk.LFLIYBAB.js +7 -0
  131. package/dist/esm/chunks/chunk.LFLIYBAB.js.map +7 -0
  132. package/dist/esm/chunks/{chunk.42YDA5FH.js → chunk.LXFL2C62.js} +2 -2
  133. package/dist/esm/chunks/chunk.ME7ICFCZ.js +7 -0
  134. package/dist/esm/chunks/{chunk.FSILMO6U.js.map → chunk.ME7ICFCZ.js.map} +1 -1
  135. package/dist/esm/chunks/{chunk.BC7WB5RG.js → chunk.MMMG4MZ3.js} +2 -2
  136. package/dist/esm/chunks/chunk.MTZOQQXR.js +7 -0
  137. package/dist/esm/chunks/chunk.MTZOQQXR.js.map +7 -0
  138. package/dist/esm/chunks/chunk.NBYCIDFC.js +7 -0
  139. package/dist/esm/chunks/{chunk.ONII3BV3.js.map → chunk.NBYCIDFC.js.map} +2 -2
  140. package/dist/esm/chunks/chunk.ND2X5OQ4.js +7 -0
  141. package/dist/esm/chunks/chunk.ND2X5OQ4.js.map +7 -0
  142. package/dist/esm/chunks/chunk.NHOGZDLN.js +7 -0
  143. package/dist/esm/chunks/chunk.NHOGZDLN.js.map +7 -0
  144. package/dist/esm/chunks/chunk.NHYJMP25.js +7 -0
  145. package/dist/esm/chunks/{chunk.EMCY55MX.js.map → chunk.NHYJMP25.js.map} +2 -2
  146. package/dist/esm/chunks/chunk.NPCUVYWP.js +7 -0
  147. package/dist/esm/chunks/chunk.NPCUVYWP.js.map +7 -0
  148. package/dist/esm/chunks/chunk.O47OSK6Z.js +7 -0
  149. package/dist/esm/chunks/{chunk.THNCYT3E.js.map → chunk.O47OSK6Z.js.map} +2 -2
  150. package/dist/esm/chunks/{chunk.BTWJPE4Y.js → chunk.O5HBMTSZ.js} +2 -2
  151. package/dist/esm/chunks/chunk.O7DID7GP.js +7 -0
  152. package/dist/esm/chunks/{chunk.BS73Y6IN.js.map → chunk.O7DID7GP.js.map} +1 -1
  153. package/dist/esm/chunks/chunk.OAZXY4Q5.js +7 -0
  154. package/dist/esm/chunks/{chunk.GGQL3OZB.js.map → chunk.OAZXY4Q5.js.map} +1 -1
  155. package/dist/esm/chunks/{chunk.MTSWCXTY.js → chunk.OD54UG2G.js} +2 -2
  156. package/dist/esm/chunks/{chunk.NBLL7VAA.js → chunk.OJFSECZE.js} +2 -2
  157. package/dist/esm/chunks/chunk.OJHNLDNM.js +7 -0
  158. package/dist/esm/chunks/{chunk.VG452D3L.js.map → chunk.OJHNLDNM.js.map} +1 -1
  159. package/dist/esm/chunks/{chunk.7LOMI6J3.js → chunk.OR5GB6X3.js} +2 -2
  160. package/dist/esm/chunks/chunk.OVDO5RVX.js +7 -0
  161. package/dist/esm/chunks/chunk.OVDO5RVX.js.map +7 -0
  162. package/dist/esm/chunks/chunk.PGSL6NFZ.js +7 -0
  163. package/dist/esm/chunks/{chunk.6FUXTHO6.js.map → chunk.PGSL6NFZ.js.map} +1 -1
  164. package/dist/esm/chunks/chunk.PR76A5VF.js +7 -0
  165. package/dist/esm/chunks/{chunk.KUNIEX72.js.map → chunk.PR76A5VF.js.map} +1 -1
  166. package/dist/esm/chunks/chunk.PZAL7VQF.js +7 -0
  167. package/dist/esm/chunks/{chunk.AEO2X5OZ.js.map → chunk.PZAL7VQF.js.map} +1 -1
  168. package/dist/esm/chunks/chunk.QQUSMJIM.js +7 -0
  169. package/dist/esm/chunks/{chunk.O6F4U4VY.js.map → chunk.QQUSMJIM.js.map} +1 -1
  170. package/dist/esm/chunks/chunk.RCYIHHYO.js +7 -0
  171. package/dist/esm/chunks/{chunk.447QNYAZ.js.map → chunk.RCYIHHYO.js.map} +1 -1
  172. package/dist/esm/chunks/{chunk.AR6YUJUH.js → chunk.RKG66YKS.js} +2 -2
  173. package/dist/esm/chunks/{chunk.HRGTAVNA.js → chunk.RKIJTSSL.js} +1 -1
  174. package/dist/esm/chunks/chunk.RLOZYTNN.js +7 -0
  175. package/dist/esm/chunks/{chunk.LYZXJYTW.js.map → chunk.RLOZYTNN.js.map} +1 -1
  176. package/dist/esm/chunks/chunk.S3KKICL3.js +7 -0
  177. package/dist/esm/chunks/{chunk.WARVAVAW.js.map → chunk.S3KKICL3.js.map} +1 -1
  178. package/dist/esm/chunks/chunk.SN3VXOWN.js +7 -0
  179. package/dist/esm/chunks/chunk.SN3VXOWN.js.map +7 -0
  180. package/dist/esm/chunks/chunk.STIZCKQA.js +7 -0
  181. package/dist/esm/chunks/chunk.STIZCKQA.js.map +7 -0
  182. package/dist/esm/chunks/chunk.SUR46MJG.js +7 -0
  183. package/dist/esm/chunks/chunk.SUR46MJG.js.map +7 -0
  184. package/dist/esm/chunks/chunk.SZETPZGY.js +7 -0
  185. package/dist/esm/chunks/{chunk.MROUV35N.js.map → chunk.SZETPZGY.js.map} +1 -1
  186. package/dist/esm/chunks/chunk.TGGC2THA.js +7 -0
  187. package/dist/esm/chunks/{chunk.5QZPUOGG.js.map → chunk.TGGC2THA.js.map} +1 -1
  188. package/dist/esm/chunks/chunk.TRSICKKS.js +7 -0
  189. package/dist/esm/chunks/{chunk.3KEXRSB5.js.map → chunk.TRSICKKS.js.map} +2 -2
  190. package/dist/esm/chunks/{chunk.WINL2C7Q.js → chunk.U6FJJGO3.js} +1 -1
  191. package/dist/esm/chunks/chunk.UCIVBX64.js +7 -0
  192. package/dist/esm/chunks/{chunk.ICIGXLJW.js.map → chunk.UCIVBX64.js.map} +1 -1
  193. package/dist/esm/chunks/chunk.UVXKHQQZ.js +7 -0
  194. package/dist/esm/chunks/{chunk.T4J66YX5.js.map → chunk.UVXKHQQZ.js.map} +4 -4
  195. package/dist/esm/chunks/chunk.UYAP5GFT.js +7 -0
  196. package/dist/esm/chunks/{chunk.ZT7U7WOX.js.map → chunk.UYAP5GFT.js.map} +1 -1
  197. package/dist/esm/chunks/chunk.V7HN24VV.js +7 -0
  198. package/dist/esm/chunks/{chunk.WJCZJ6XD.js.map → chunk.V7HN24VV.js.map} +1 -1
  199. package/dist/esm/chunks/chunk.VLADAZRB.js +7 -0
  200. package/dist/esm/chunks/chunk.VLADAZRB.js.map +7 -0
  201. package/dist/esm/chunks/chunk.VN7JOJVU.js +7 -0
  202. package/dist/esm/chunks/{chunk.DLBAZD5X.js.map → chunk.VN7JOJVU.js.map} +1 -1
  203. package/dist/esm/chunks/{chunk.5EGEZ4IY.js → chunk.VNFATHAQ.js} +2 -2
  204. package/dist/esm/chunks/chunk.VNH44AGF.js +7 -0
  205. package/dist/esm/chunks/chunk.VNH44AGF.js.map +7 -0
  206. package/dist/esm/chunks/{chunk.IHIKIZIT.js → chunk.VOL4DT5F.js} +2 -2
  207. package/dist/esm/chunks/chunk.VX7H6YHF.js +7 -0
  208. package/dist/esm/chunks/chunk.VX7H6YHF.js.map +7 -0
  209. package/dist/esm/chunks/chunk.W7CM652O.js +7 -0
  210. package/dist/esm/chunks/chunk.W7CM652O.js.map +7 -0
  211. package/dist/esm/chunks/chunk.WINWKU4K.js +7 -0
  212. package/dist/esm/chunks/chunk.WINWKU4K.js.map +7 -0
  213. package/dist/esm/chunks/chunk.WJ26N3FC.js +7 -0
  214. package/dist/esm/chunks/{chunk.4IMRT2B3.js.map → chunk.WJ26N3FC.js.map} +1 -1
  215. package/dist/esm/chunks/chunk.WJLHVUHN.js +7 -0
  216. package/dist/esm/chunks/{chunk.Z37CZMMR.js.map → chunk.WJLHVUHN.js.map} +1 -1
  217. package/dist/esm/chunks/chunk.WXFJYCGO.js +7 -0
  218. package/dist/esm/chunks/{chunk.TSUAFZGY.js.map → chunk.WXFJYCGO.js.map} +1 -1
  219. package/dist/esm/chunks/chunk.XPIAOMSC.js +7 -0
  220. package/dist/esm/chunks/{chunk.5FCUOZSU.js.map → chunk.XPIAOMSC.js.map} +1 -1
  221. package/dist/esm/chunks/chunk.YCG7OVYF.js +7 -0
  222. package/dist/esm/chunks/chunk.YCG7OVYF.js.map +7 -0
  223. package/dist/esm/chunks/chunk.YLJTJKN4.js +15 -0
  224. package/dist/esm/chunks/chunk.YLJTJKN4.js.map +7 -0
  225. package/dist/esm/chunks/chunk.YVCGGQQG.js +12 -0
  226. package/dist/esm/chunks/chunk.YVCGGQQG.js.map +7 -0
  227. package/dist/esm/chunks/chunk.Z7JF5PPO.js +7 -0
  228. package/dist/esm/chunks/{chunk.PMSCH6VK.js.map → chunk.Z7JF5PPO.js.map} +3 -3
  229. package/dist/esm/chunks/chunk.Z7SLVU2O.js +7 -0
  230. package/dist/esm/chunks/{chunk.L27ANAIL.js.map → chunk.Z7SLVU2O.js.map} +2 -2
  231. package/dist/esm/chunks/chunk.ZJQLVAJY.js +7 -0
  232. package/dist/esm/chunks/{chunk.ZIRA4PYV.js.map → chunk.ZJQLVAJY.js.map} +1 -1
  233. package/dist/esm/chunks/chunk.ZSHN7Z45.js +7 -0
  234. package/dist/esm/chunks/chunk.ZSHN7Z45.js.map +7 -0
  235. package/dist/esm/chunks/chunk.ZTBOQMRE.js +7 -0
  236. package/dist/esm/chunks/{chunk.KR4BNI6X.js.map → chunk.ZTBOQMRE.js.map} +1 -1
  237. package/dist/esm/chunks/chunk.ZY3ETQ3D.js +7 -0
  238. package/dist/esm/chunks/chunk.ZY3ETQ3D.js.map +7 -0
  239. package/dist/esm/chunks/{chunk.U42I3PGF.js → chunk.ZZRAZZ3N.js} +2 -2
  240. package/dist/esm/chunks/chunk.ZZV7P3FR.js +7 -0
  241. package/dist/esm/chunks/chunk.ZZV7P3FR.js.map +7 -0
  242. package/dist/esm/circular-progress/index.js +1 -1
  243. package/dist/esm/color-picker/index.js +1 -1
  244. package/dist/esm/core/base/index.js +1 -1
  245. package/dist/esm/core/index.js +1 -1
  246. package/dist/esm/core/utils/index.js +1 -1
  247. package/dist/esm/date-picker/index.js +1 -1
  248. package/dist/esm/date-range-picker/index.js +1 -1
  249. package/dist/esm/deprecated/button/index.js +7 -0
  250. package/dist/esm/deprecated/button/index.js.map +7 -0
  251. package/dist/esm/deprecated/index.js +7 -0
  252. package/dist/esm/deprecated/index.js.map +7 -0
  253. package/dist/esm/dialog/index.js +1 -1
  254. package/dist/esm/divider/index.js +1 -1
  255. package/dist/esm/drawer/base/index.js +1 -1
  256. package/dist/esm/drawer/drawer/index.js +1 -1
  257. package/dist/esm/drawer/index.js +1 -1
  258. package/dist/esm/drawer/mini-drawer/index.js +1 -1
  259. package/dist/esm/drawer/modal-drawer/index.js +1 -1
  260. package/dist/esm/expansion-panel/index.js +1 -1
  261. package/dist/esm/file-picker/index.js +1 -1
  262. package/dist/esm/floating-action-button/index.js +1 -1
  263. package/dist/esm/focus-indicator/index.js +1 -1
  264. package/dist/esm/icon/index.js +1 -1
  265. package/dist/esm/icon-button/index.js +1 -1
  266. package/dist/esm/index.js +1 -1
  267. package/dist/esm/inline-message/index.js +1 -1
  268. package/dist/esm/keyboard-shortcut/index.js +1 -1
  269. package/dist/esm/label/index.js +1 -1
  270. package/dist/esm/label-value/index.js +1 -1
  271. package/dist/esm/linear-progress/index.js +1 -1
  272. package/dist/esm/list/index.js +1 -1
  273. package/dist/esm/list/list/index.js +1 -1
  274. package/dist/esm/list/list-item/index.js +1 -1
  275. package/dist/esm/list-dropdown/index.js +1 -1
  276. package/dist/esm/menu/index.js +1 -1
  277. package/dist/esm/open-icon/index.js +1 -1
  278. package/dist/esm/overlay/index.js +7 -0
  279. package/dist/esm/overlay/index.js.map +7 -0
  280. package/dist/esm/page-state/index.js +1 -1
  281. package/dist/esm/paginator/index.js +1 -1
  282. package/dist/esm/popover/index.js +7 -0
  283. package/dist/esm/popover/index.js.map +7 -0
  284. package/dist/esm/popup/index.js +1 -1
  285. package/dist/esm/product-icon/index.js +1 -1
  286. package/dist/esm/profile-card/index.js +1 -1
  287. package/dist/esm/quantity-field/index.js +1 -1
  288. package/dist/esm/radio/index.js +1 -1
  289. package/dist/esm/radio/radio/index.js +1 -1
  290. package/dist/esm/radio/radio-group/index.js +1 -1
  291. package/dist/esm/ripple/index.js +1 -1
  292. package/dist/esm/scaffold/index.js +1 -1
  293. package/dist/esm/select/core/index.js +1 -1
  294. package/dist/esm/select/index.js +1 -1
  295. package/dist/esm/select/option/index.js +1 -1
  296. package/dist/esm/select/option-group/index.js +1 -1
  297. package/dist/esm/select/select/index.js +1 -1
  298. package/dist/esm/select/select-dropdown/index.js +1 -1
  299. package/dist/esm/skeleton/index.js +1 -1
  300. package/dist/esm/slider/index.js +1 -1
  301. package/dist/esm/split-button/index.js +1 -1
  302. package/dist/esm/split-view/index.js +1 -1
  303. package/dist/esm/split-view/split-view/index.js +1 -1
  304. package/dist/esm/split-view/split-view-panel/index.js +1 -1
  305. package/dist/esm/stack/index.js +1 -1
  306. package/dist/esm/state-layer/index.js +1 -1
  307. package/dist/esm/stepper/index.js +1 -1
  308. package/dist/esm/stepper/step/index.js +1 -1
  309. package/dist/esm/stepper/stepper/index.js +1 -1
  310. package/dist/esm/switch/index.js +1 -1
  311. package/dist/esm/table/index.js +1 -1
  312. package/dist/esm/tabs/index.js +1 -1
  313. package/dist/esm/tabs/tab/index.js +1 -1
  314. package/dist/esm/tabs/tab-bar/index.js +1 -1
  315. package/dist/esm/text-field/index.js +1 -1
  316. package/dist/esm/time-picker/index.js +1 -1
  317. package/dist/esm/toast/index.js +1 -1
  318. package/dist/esm/toolbar/index.js +1 -1
  319. package/dist/esm/tooltip/index.js +1 -1
  320. package/dist/esm/utils/index.js +1 -1
  321. package/dist/esm/view-switcher/index.js +1 -1
  322. package/dist/esm/view-switcher/view/index.js +1 -1
  323. package/dist/forge-dark.css +1 -1
  324. package/dist/forge.css +1 -1
  325. package/dist/theme/forge-theme.css +1 -1
  326. package/dist/typography/forge-typography.css +1 -1
  327. package/esm/app-bar/help-button/app-bar-help-button-adapter.js +3 -3
  328. package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
  329. package/esm/app-bar/menu-button/app-bar-menu-button.js +4 -4
  330. package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js +4 -4
  331. package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
  332. package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +3 -3
  333. package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js +1 -0
  334. package/esm/app-bar/profile-button/app-bar-profile-button.js +1 -1
  335. package/esm/avatar/avatar-adapter.d.ts +0 -6
  336. package/esm/avatar/avatar-adapter.js +6 -14
  337. package/esm/avatar/avatar-constants.d.ts +0 -1
  338. package/esm/avatar/avatar-constants.js +2 -3
  339. package/esm/avatar/avatar-foundation.d.ts +0 -5
  340. package/esm/avatar/avatar-foundation.js +0 -15
  341. package/esm/avatar/avatar.d.ts +28 -7
  342. package/esm/avatar/avatar.js +29 -12
  343. package/esm/avatar/index.d.ts +0 -1
  344. package/esm/avatar/index.js +0 -1
  345. package/esm/badge/badge-constants.d.ts +8 -4
  346. package/esm/badge/badge-constants.js +7 -4
  347. package/esm/badge/badge.d.ts +38 -11
  348. package/esm/badge/badge.js +55 -32
  349. package/esm/badge/index.d.ts +0 -3
  350. package/esm/badge/index.js +0 -3
  351. package/esm/banner/banner.js +1 -1
  352. package/esm/button/base/base-button-adapter.d.ts +0 -3
  353. package/esm/button/base/base-button-adapter.js +5 -14
  354. package/esm/button/base/base-button-constants.d.ts +28 -28
  355. package/esm/button/base/base-button-foundation.d.ts +0 -2
  356. package/esm/button/base/base-button-foundation.js +1 -4
  357. package/esm/button/base/base-button.d.ts +8 -6
  358. package/esm/button/base/base-button.js +19 -15
  359. package/esm/button/button.js +2 -2
  360. package/esm/button-toggle/button-toggle/button-toggle-adapter.d.ts +6 -14
  361. package/esm/button-toggle/button-toggle/button-toggle-adapter.js +19 -45
  362. package/esm/button-toggle/button-toggle/button-toggle-constants.d.ts +11 -15
  363. package/esm/button-toggle/button-toggle/button-toggle-constants.js +6 -17
  364. package/esm/button-toggle/button-toggle/button-toggle-foundation.d.ts +18 -12
  365. package/esm/button-toggle/button-toggle/button-toggle-foundation.js +74 -30
  366. package/esm/button-toggle/button-toggle/button-toggle.d.ts +67 -14
  367. package/esm/button-toggle/button-toggle/button-toggle.js +82 -29
  368. package/esm/button-toggle/button-toggle-group/button-toggle-group-adapter.d.ts +7 -13
  369. package/esm/button-toggle/button-toggle-group/button-toggle-group-adapter.js +26 -91
  370. package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.d.ts +20 -11
  371. package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.js +8 -2
  372. package/esm/button-toggle/button-toggle-group/button-toggle-group-foundation.d.ts +20 -12
  373. package/esm/button-toggle/button-toggle-group/button-toggle-group-foundation.js +101 -97
  374. package/esm/button-toggle/button-toggle-group/button-toggle-group.d.ts +75 -9
  375. package/esm/button-toggle/button-toggle-group/button-toggle-group.js +134 -25
  376. package/esm/calendar/calendar-dom-utils.js +1 -2
  377. package/esm/calendar/calendar-foundation.d.ts +1 -1
  378. package/esm/calendar/calendar-foundation.js +13 -16
  379. package/esm/checkbox/checkbox.js +1 -1
  380. package/esm/circular-progress/circular-progress-adapter.js +8 -12
  381. package/esm/circular-progress/circular-progress-foundation.js +3 -0
  382. package/esm/circular-progress/circular-progress.d.ts +7 -3
  383. package/esm/circular-progress/circular-progress.js +4 -2
  384. package/esm/color-picker/color-picker.js +1 -1
  385. package/esm/constants.d.ts +1 -0
  386. package/esm/constants.js +2 -0
  387. package/esm/core/base/base-adapter.d.ts +2 -0
  388. package/esm/core/base/base-adapter.js +7 -4
  389. package/esm/core/base/index.d.ts +0 -4
  390. package/esm/core/base/index.js +0 -4
  391. package/esm/core/{base/base-focusable-component.d.ts → mixins/focus/with-focusable.d.ts} +2 -2
  392. package/esm/core/{base/base-focusable-component.js → mixins/focus/with-focusable.js} +1 -1
  393. package/esm/core/{base/base-form-associated-component.d.ts → mixins/form/with-form-associated.d.ts} +4 -10
  394. package/esm/core/{base/base-form-associated-component.js → mixins/form/with-form-associated.js} +1 -1
  395. package/esm/core/mixins/form/with-form-validity.d.ts +35 -0
  396. package/esm/core/mixins/form/with-form-validity.js +43 -0
  397. package/esm/core/mixins/interactions/longpress/with-longpress-listener.d.ts +33 -0
  398. package/esm/core/mixins/interactions/longpress/with-longpress-listener.js +82 -0
  399. package/esm/core/mixins/internals/with-default-aria.d.ts +32 -0
  400. package/esm/core/mixins/internals/with-default-aria.js +22 -0
  401. package/esm/core/mixins/internals/with-element-internals.d.ts +26 -0
  402. package/esm/core/mixins/internals/with-element-internals.js +22 -0
  403. package/esm/core/{base/base-label-aware-component.d.ts → mixins/label/with-label-aware.d.ts} +2 -2
  404. package/esm/core/utils/a11y-utils.d.ts +4 -34
  405. package/esm/core/utils/a11y-utils.js +7 -61
  406. package/esm/core/utils/deferred.d.ts +29 -0
  407. package/esm/core/utils/deferred.js +32 -0
  408. package/esm/core/utils/dismissible-stack.d.ts +74 -0
  409. package/esm/core/utils/dismissible-stack.js +133 -0
  410. package/esm/core/utils/feature-detection.d.ts +5 -0
  411. package/esm/core/utils/feature-detection.js +12 -3
  412. package/esm/core/utils/form-utils.d.ts +1 -1
  413. package/esm/core/utils/position-utils.d.ts +78 -0
  414. package/esm/core/utils/position-utils.js +197 -0
  415. package/esm/core/utils/utils.d.ts +14 -0
  416. package/esm/core/utils/utils.js +25 -7
  417. package/esm/date-range-picker/date-range-picker-foundation.d.ts +1 -0
  418. package/esm/date-range-picker/date-range-picker-foundation.js +4 -0
  419. package/esm/deprecated/button/deprecated-button-component-delegate.d.ts +24 -0
  420. package/esm/deprecated/button/deprecated-button-component-delegate.js +39 -0
  421. package/esm/deprecated/button/deprecated-button-constants.d.ts +17 -0
  422. package/esm/deprecated/button/deprecated-button-constants.js +20 -0
  423. package/esm/deprecated/button/deprecated-button.d.ts +54 -0
  424. package/esm/deprecated/button/deprecated-button.js +149 -0
  425. package/esm/deprecated/button/index.d.ts +12 -0
  426. package/esm/deprecated/button/index.js +16 -0
  427. package/{styles/app-bar/search/_configuration.scss → esm/deprecated/index.d.ts} +1 -5
  428. package/{styles/checkbox/_configuration.scss → esm/deprecated/index.js} +1 -5
  429. package/esm/dialog/dialog-constants.d.ts +1 -0
  430. package/esm/dialog/dialog-constants.js +2 -1
  431. package/esm/dialog/dialog-foundation.js +3 -6
  432. package/esm/dialog/dialog.js +1 -1
  433. package/esm/drawer/mini-drawer/mini-drawer.js +1 -1
  434. package/esm/expansion-panel/expansion-panel-adapter.js +0 -5
  435. package/esm/floating-action-button/floating-action-button.js +1 -1
  436. package/esm/icon-button/icon-button-component-delegate.js +1 -1
  437. package/esm/icon-button/icon-button.js +1 -1
  438. package/esm/index.d.ts +7 -0
  439. package/esm/index.js +24 -1
  440. package/esm/inline-message/inline-message-constants.d.ts +9 -2
  441. package/esm/inline-message/inline-message-constants.js +7 -3
  442. package/esm/inline-message/inline-message.d.ts +31 -2
  443. package/esm/inline-message/inline-message.js +37 -5
  444. package/esm/label/label-adapter.js +3 -3
  445. package/esm/label/label-constants.d.ts +1 -1
  446. package/esm/label/label-constants.js +3 -1
  447. package/esm/linear-progress/linear-progress-adapter.js +13 -12
  448. package/esm/linear-progress/linear-progress-constants.d.ts +6 -0
  449. package/esm/linear-progress/linear-progress-constants.js +4 -2
  450. package/esm/linear-progress/linear-progress-foundation.js +2 -1
  451. package/esm/linear-progress/linear-progress.d.ts +7 -3
  452. package/esm/linear-progress/linear-progress.js +8 -11
  453. package/esm/list/list/list.js +1 -1
  454. package/esm/list/list-item/list-item.js +1 -1
  455. package/esm/menu/menu.js +1 -5
  456. package/esm/open-icon/open-icon.js +2 -2
  457. package/esm/overlay/base/base-overlay-foundation.d.ts +50 -0
  458. package/esm/overlay/base/base-overlay-foundation.js +11 -0
  459. package/esm/overlay/base/base-overlay.d.ts +49 -0
  460. package/esm/overlay/base/base-overlay.js +106 -0
  461. package/esm/overlay/base/overlay-aware-adapter.d.ts +17 -0
  462. package/esm/overlay/base/overlay-aware-adapter.js +15 -0
  463. package/esm/overlay/base/overlay-aware-foundation.d.ts +53 -0
  464. package/esm/overlay/base/overlay-aware-foundation.js +158 -0
  465. package/esm/overlay/base/overlay-aware.d.ts +36 -0
  466. package/esm/overlay/base/overlay-aware.js +102 -0
  467. package/esm/overlay/index.d.ts +10 -0
  468. package/esm/overlay/index.js +14 -0
  469. package/esm/overlay/mixins/with-overlay-aware.d.ts +105 -0
  470. package/esm/overlay/mixins/with-overlay-aware.js +152 -0
  471. package/esm/overlay/overlay-adapter.d.ts +54 -0
  472. package/esm/overlay/overlay-adapter.js +182 -0
  473. package/esm/overlay/overlay-constants.d.ts +71 -0
  474. package/esm/overlay/overlay-constants.js +48 -0
  475. package/esm/overlay/overlay-foundation.d.ts +76 -0
  476. package/esm/overlay/overlay-foundation.js +288 -0
  477. package/esm/overlay/overlay.d.ts +90 -0
  478. package/esm/overlay/overlay.js +105 -0
  479. package/esm/paginator/paginator.js +1 -1
  480. package/esm/popover/index.d.ts +10 -0
  481. package/esm/popover/index.js +14 -0
  482. package/esm/popover/popover-adapter.d.ts +46 -0
  483. package/esm/popover/popover-adapter.js +105 -0
  484. package/esm/popover/popover-constants.d.ts +42 -0
  485. package/esm/popover/popover-constants.js +42 -0
  486. package/esm/popover/popover-foundation.d.ts +139 -0
  487. package/esm/popover/popover-foundation.js +458 -0
  488. package/esm/popover/popover.d.ts +96 -0
  489. package/esm/popover/popover.js +147 -0
  490. package/esm/popup/popup-constants.d.ts +1 -1
  491. package/esm/profile-card/profile-card.js +1 -1
  492. package/esm/radio/core/radio-group-manager.js +1 -1
  493. package/esm/radio/radio/radio-adapter.js +4 -10
  494. package/esm/radio/radio/radio-constants.d.ts +0 -2
  495. package/esm/radio/radio/radio-constants.js +1 -14
  496. package/esm/radio/radio/radio.d.ts +8 -3
  497. package/esm/radio/radio/radio.js +10 -8
  498. package/esm/radio/radio-group/radio-group-adapter.js +1 -3
  499. package/esm/radio/radio-group/radio-group-constants.d.ts +0 -2
  500. package/esm/radio/radio-group/radio-group-constants.js +1 -6
  501. package/esm/radio/radio-group/radio-group.d.ts +6 -3
  502. package/esm/radio/radio-group/radio-group.js +5 -3
  503. package/esm/slider/slider.d.ts +2 -2
  504. package/esm/slider/slider.js +2 -2
  505. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  506. package/esm/state-layer/state-layer-foundation.js +12 -10
  507. package/esm/switch/switch.js +1 -1
  508. package/esm/table/table-utils.js +2 -3
  509. package/esm/tabs/tab/tab.js +1 -1
  510. package/esm/tabs/tab-bar/tab-bar-adapter.d.ts +1 -1
  511. package/esm/tabs/tab-bar/tab-bar-adapter.js +3 -3
  512. package/esm/tabs/tab-bar/tab-bar-constants.d.ts +1 -1
  513. package/esm/tabs/tab-bar/tab-bar-constants.js +1 -1
  514. package/esm/tabs/tab-bar/tab-bar.js +2 -2
  515. package/esm/toast/toast-constants.d.ts +1 -1
  516. package/esm/toolbar/toolbar.js +1 -1
  517. package/esm/tooltip/index.d.ts +0 -1
  518. package/esm/tooltip/index.js +0 -1
  519. package/esm/tooltip/tooltip-adapter.d.ts +30 -60
  520. package/esm/tooltip/tooltip-adapter.js +105 -97
  521. package/esm/tooltip/tooltip-constants.d.ts +44 -21
  522. package/esm/tooltip/tooltip-constants.js +27 -22
  523. package/esm/tooltip/tooltip-foundation.d.ts +72 -84
  524. package/esm/tooltip/tooltip-foundation.js +265 -192
  525. package/esm/tooltip/tooltip.d.ts +93 -26
  526. package/esm/tooltip/tooltip.js +129 -31
  527. package/package.json +2 -4
  528. package/styles/app-bar/app-bar/_core.scss +2 -0
  529. package/styles/app-bar/app-bar/app-bar.scss +17 -17
  530. package/styles/app-bar/app-bar/index.scss +0 -2
  531. package/styles/app-bar/search/_core.scss +2 -0
  532. package/styles/app-bar/search/app-bar-search.scss +5 -6
  533. package/styles/app-bar/search/index.scss +0 -2
  534. package/styles/avatar/_core.scss +43 -0
  535. package/styles/avatar/_token-utils.scss +30 -0
  536. package/styles/avatar/avatar.scss +21 -3
  537. package/styles/badge/_core.scss +58 -0
  538. package/styles/badge/_token-utils.scss +30 -0
  539. package/styles/badge/badge.scss +101 -15
  540. package/styles/{focus-indicator/_configuration.scss → badge/index.scss} +1 -5
  541. package/styles/button/_core.scss +2 -0
  542. package/styles/button/button.scss +31 -25
  543. package/styles/button/index.scss +0 -2
  544. package/styles/button-toggle/button-toggle/_core.scss +78 -0
  545. package/styles/button-toggle/button-toggle/_token-utils.scss +30 -0
  546. package/styles/button-toggle/button-toggle/button-toggle.scss +65 -11
  547. package/styles/button-toggle/button-toggle/index.scss +6 -0
  548. package/styles/button-toggle/button-toggle-group/_core.scss +62 -0
  549. package/styles/button-toggle/button-toggle-group/_token-utils.scss +30 -0
  550. package/styles/button-toggle/button-toggle-group/button-toggle-group.scss +123 -3
  551. package/styles/button-toggle/button-toggle-group/index.scss +8 -0
  552. package/styles/checkbox/_core.scss +3 -0
  553. package/styles/checkbox/checkbox.scss +24 -26
  554. package/styles/checkbox/index.scss +0 -2
  555. package/styles/circular-progress/_core.scss +2 -0
  556. package/styles/circular-progress/circular-progress.scss +36 -27
  557. package/styles/circular-progress/index.scss +0 -2
  558. package/styles/core/styles/elevation/index.scss +1 -1
  559. package/styles/core/styles/tokens/_token-utils.scss +14 -5
  560. package/styles/core/styles/tokens/avatar/_tokens.scss +23 -0
  561. package/styles/core/styles/tokens/badge/_tokens.scss +42 -0
  562. package/styles/core/styles/tokens/button/_tokens.scss +4 -4
  563. package/styles/core/styles/tokens/button-toggle/button-toggle/_tokens.scss +68 -0
  564. package/styles/core/styles/tokens/button-toggle/button-toggle-group/_tokens.scss +48 -0
  565. package/styles/core/styles/tokens/checkbox/_tokens.scss +6 -6
  566. package/styles/core/styles/tokens/floating-action-button/_tokens.scss +1 -1
  567. package/styles/core/styles/tokens/icon-button/_tokens.scss +3 -3
  568. package/styles/core/styles/tokens/inline-message/_tokens.scss +31 -0
  569. package/styles/core/styles/tokens/overlay/_tokens.scss +23 -0
  570. package/styles/core/styles/tokens/popover/_tokens.scss +56 -0
  571. package/styles/core/styles/tokens/profile-card/_tokens.scss +1 -1
  572. package/styles/core/styles/tokens/radio/_tokens.scss +1 -1
  573. package/styles/core/styles/tokens/switch/_tokens.scss +3 -3
  574. package/styles/core/styles/tokens/tabs/tab/_tokens.scss +5 -5
  575. package/styles/core/styles/tokens/theme/_token-utils.scss +28 -6
  576. package/styles/core/styles/tokens/theme/_tokens.surface.scss +3 -0
  577. package/styles/core/styles/tokens/theme/_tokens.text.scss +4 -4
  578. package/styles/core/styles/tokens/theme/_tokens.utilities.scss +3 -0
  579. package/styles/core/styles/tokens/tooltip/_tokens.scss +53 -0
  580. package/styles/core/styles/typography/index.scss +1 -1
  581. package/styles/deprecated/button/deprecated-button.scss +133 -0
  582. package/styles/dialog/_mixins.scss +1 -1
  583. package/styles/drawer/mini-drawer/_mixins.scss +0 -2
  584. package/styles/floating-action-button/_core.scss +2 -0
  585. package/styles/floating-action-button/floating-action-button.scss +14 -14
  586. package/styles/floating-action-button/index.scss +0 -2
  587. package/styles/focus-indicator/_core.scss +2 -0
  588. package/styles/focus-indicator/focus-indicator.scss +7 -8
  589. package/styles/focus-indicator/index.scss +0 -2
  590. package/styles/forge.scss +0 -1
  591. package/styles/icon-button/_core.scss +2 -0
  592. package/styles/icon-button/icon-button.scss +29 -28
  593. package/styles/icon-button/index.scss +0 -2
  594. package/styles/inline-message/_core.scss +45 -0
  595. package/styles/inline-message/_token-utils.scss +30 -0
  596. package/styles/inline-message/index.scss +6 -0
  597. package/styles/inline-message/inline-message.scss +75 -9
  598. package/styles/label/label.scss +2 -2
  599. package/styles/linear-progress/_core.scss +2 -0
  600. package/styles/linear-progress/index.scss +0 -2
  601. package/styles/linear-progress/linear-progress.scss +29 -18
  602. package/styles/list/list/_core.scss +2 -0
  603. package/styles/list/list/index.scss +0 -2
  604. package/styles/list/list/list.scss +4 -4
  605. package/styles/list/list-item/_core.scss +2 -0
  606. package/styles/list/list-item/index.scss +0 -2
  607. package/styles/list/list-item/list-item.scss +50 -44
  608. package/styles/overlay/_core.scss +46 -0
  609. package/styles/overlay/_token-utils.scss +31 -0
  610. package/styles/overlay/index.scss +6 -0
  611. package/styles/overlay/overlay.scss +66 -0
  612. package/styles/popover/_animations.scss +36 -0
  613. package/styles/popover/_core.scss +56 -0
  614. package/styles/popover/_token-utils.scss +31 -0
  615. package/styles/popover/index.scss +6 -0
  616. package/styles/popover/popover.scss +254 -0
  617. package/styles/profile-card/_core.scss +2 -0
  618. package/styles/profile-card/index.scss +0 -2
  619. package/styles/profile-card/profile-card.scss +9 -11
  620. package/styles/radio/radio/_core.scss +3 -0
  621. package/styles/radio/radio/index.scss +0 -2
  622. package/styles/radio/radio/radio.scss +12 -15
  623. package/styles/slider/_core.scss +2 -0
  624. package/styles/slider/index.scss +0 -2
  625. package/styles/slider/slider.scss +45 -41
  626. package/styles/split-button/index.scss +0 -1
  627. package/styles/split-button/split-button.scss +3 -2
  628. package/styles/state-layer/_core.scss +3 -2
  629. package/styles/state-layer/index.scss +0 -2
  630. package/styles/state-layer/state-layer.scss +7 -8
  631. package/styles/switch/_core.scss +3 -0
  632. package/styles/switch/index.scss +0 -2
  633. package/styles/switch/switch.scss +28 -30
  634. package/styles/tabs/tab/_core.scss +2 -0
  635. package/styles/tabs/tab/index.scss +0 -2
  636. package/styles/tabs/tab/tab.scss +27 -28
  637. package/styles/tabs/tab-bar/_core.scss +2 -0
  638. package/styles/tabs/tab-bar/index.scss +0 -2
  639. package/styles/tabs/tab-bar/tab-bar.scss +21 -23
  640. package/styles/theme/_theme-dark.scss +19 -7
  641. package/styles/theme/_theme-values.scss +2 -0
  642. package/styles/toolbar/_mixins.scss +2 -1
  643. package/styles/tooltip/_animations.scss +18 -0
  644. package/styles/tooltip/_core.scss +86 -0
  645. package/styles/tooltip/_token-utils.scss +31 -0
  646. package/styles/tooltip/index.scss +6 -0
  647. package/styles/tooltip/tooltip.scss +107 -0
  648. package/dist/esm/chunks/chunk.3KEXRSB5.js +0 -7
  649. package/dist/esm/chunks/chunk.3TKTJ3BY.js +0 -7
  650. package/dist/esm/chunks/chunk.3TKTJ3BY.js.map +0 -7
  651. package/dist/esm/chunks/chunk.447QNYAZ.js +0 -7
  652. package/dist/esm/chunks/chunk.4IMRT2B3.js +0 -7
  653. package/dist/esm/chunks/chunk.4JDJ33IU.js +0 -7
  654. package/dist/esm/chunks/chunk.4JDJ33IU.js.map +0 -7
  655. package/dist/esm/chunks/chunk.4QCGBFLU.js +0 -7
  656. package/dist/esm/chunks/chunk.4QCGBFLU.js.map +0 -7
  657. package/dist/esm/chunks/chunk.4XN2WGMP.js +0 -7
  658. package/dist/esm/chunks/chunk.5FCUOZSU.js +0 -7
  659. package/dist/esm/chunks/chunk.5KYKGNGY.js +0 -7
  660. package/dist/esm/chunks/chunk.5QZPUOGG.js +0 -7
  661. package/dist/esm/chunks/chunk.5ZMM75CJ.js +0 -7
  662. package/dist/esm/chunks/chunk.5ZMM75CJ.js.map +0 -7
  663. package/dist/esm/chunks/chunk.6FUXTHO6.js +0 -7
  664. package/dist/esm/chunks/chunk.6ORVPXNN.js +0 -7
  665. package/dist/esm/chunks/chunk.6ORVPXNN.js.map +0 -7
  666. package/dist/esm/chunks/chunk.6ZJIHOIG.js +0 -7
  667. package/dist/esm/chunks/chunk.6ZJIHOIG.js.map +0 -7
  668. package/dist/esm/chunks/chunk.7PVVZC7P.js +0 -7
  669. package/dist/esm/chunks/chunk.AEO2X5OZ.js +0 -7
  670. package/dist/esm/chunks/chunk.AIPDMLJD.js +0 -7
  671. package/dist/esm/chunks/chunk.APFDK6YA.js +0 -7
  672. package/dist/esm/chunks/chunk.APFDK6YA.js.map +0 -7
  673. package/dist/esm/chunks/chunk.AVRBHXDT.js +0 -177
  674. package/dist/esm/chunks/chunk.BIVQ4GTK.js +0 -7
  675. package/dist/esm/chunks/chunk.BJD6BKGC.js +0 -31
  676. package/dist/esm/chunks/chunk.BJD6BKGC.js.map +0 -7
  677. package/dist/esm/chunks/chunk.BS73Y6IN.js +0 -7
  678. package/dist/esm/chunks/chunk.BWGDZUJV.js +0 -12
  679. package/dist/esm/chunks/chunk.BWGDZUJV.js.map +0 -7
  680. package/dist/esm/chunks/chunk.CBY7M4X6.js +0 -7
  681. package/dist/esm/chunks/chunk.CBY7M4X6.js.map +0 -7
  682. package/dist/esm/chunks/chunk.CZOABXEQ.js +0 -7
  683. package/dist/esm/chunks/chunk.DLBAZD5X.js +0 -7
  684. package/dist/esm/chunks/chunk.DTWXICOY.js +0 -7
  685. package/dist/esm/chunks/chunk.DTWXICOY.js.map +0 -7
  686. package/dist/esm/chunks/chunk.EMCY55MX.js +0 -7
  687. package/dist/esm/chunks/chunk.ESQWFHCF.js +0 -7
  688. package/dist/esm/chunks/chunk.ESQWFHCF.js.map +0 -7
  689. package/dist/esm/chunks/chunk.FDZSLGIW.js +0 -7
  690. package/dist/esm/chunks/chunk.FDZSLGIW.js.map +0 -7
  691. package/dist/esm/chunks/chunk.FJ5VNWYK.js +0 -7
  692. package/dist/esm/chunks/chunk.FJ5VNWYK.js.map +0 -7
  693. package/dist/esm/chunks/chunk.FJRCWWE2.js +0 -7
  694. package/dist/esm/chunks/chunk.FJRCWWE2.js.map +0 -7
  695. package/dist/esm/chunks/chunk.FQUZWINF.js +0 -7
  696. package/dist/esm/chunks/chunk.FSILMO6U.js +0 -7
  697. package/dist/esm/chunks/chunk.FXGY5IVK.js +0 -7
  698. package/dist/esm/chunks/chunk.G67LO74A.js +0 -7
  699. package/dist/esm/chunks/chunk.G67LO74A.js.map +0 -7
  700. package/dist/esm/chunks/chunk.GGQL3OZB.js +0 -7
  701. package/dist/esm/chunks/chunk.I7OY43HW.js +0 -7
  702. package/dist/esm/chunks/chunk.I7OY43HW.js.map +0 -7
  703. package/dist/esm/chunks/chunk.I7X25KEB.js +0 -7
  704. package/dist/esm/chunks/chunk.I7X25KEB.js.map +0 -7
  705. package/dist/esm/chunks/chunk.ICIGXLJW.js +0 -7
  706. package/dist/esm/chunks/chunk.ILUXZNGY.js +0 -7
  707. package/dist/esm/chunks/chunk.ILUXZNGY.js.map +0 -7
  708. package/dist/esm/chunks/chunk.JEZR25US.js +0 -7
  709. package/dist/esm/chunks/chunk.JPI4XCQL.js +0 -7
  710. package/dist/esm/chunks/chunk.JPI4XCQL.js.map +0 -7
  711. package/dist/esm/chunks/chunk.JRSFCVYQ.js +0 -7
  712. package/dist/esm/chunks/chunk.JRSFCVYQ.js.map +0 -7
  713. package/dist/esm/chunks/chunk.JZ27GPZJ.js +0 -7
  714. package/dist/esm/chunks/chunk.K3TJMIKD.js +0 -7
  715. package/dist/esm/chunks/chunk.K3TJMIKD.js.map +0 -7
  716. package/dist/esm/chunks/chunk.KGHABAFA.js +0 -7
  717. package/dist/esm/chunks/chunk.KR4BNI6X.js +0 -7
  718. package/dist/esm/chunks/chunk.KUNIEX72.js +0 -7
  719. package/dist/esm/chunks/chunk.L27ANAIL.js +0 -7
  720. package/dist/esm/chunks/chunk.L4UXWCVD.js +0 -7
  721. package/dist/esm/chunks/chunk.L4UXWCVD.js.map +0 -7
  722. package/dist/esm/chunks/chunk.LK6QHLW2.js +0 -7
  723. package/dist/esm/chunks/chunk.LYZXJYTW.js +0 -7
  724. package/dist/esm/chunks/chunk.LZ2YQYJA.js +0 -7
  725. package/dist/esm/chunks/chunk.LZ2YQYJA.js.map +0 -7
  726. package/dist/esm/chunks/chunk.MROUV35N.js +0 -7
  727. package/dist/esm/chunks/chunk.NM7FJISF.js +0 -7
  728. package/dist/esm/chunks/chunk.NM7FJISF.js.map +0 -7
  729. package/dist/esm/chunks/chunk.NVR6KN2B.js +0 -7
  730. package/dist/esm/chunks/chunk.O6F4U4VY.js +0 -7
  731. package/dist/esm/chunks/chunk.ONII3BV3.js +0 -7
  732. package/dist/esm/chunks/chunk.OTUEB7SD.js +0 -7
  733. package/dist/esm/chunks/chunk.PMSCH6VK.js +0 -7
  734. package/dist/esm/chunks/chunk.PRJHBUU2.js.map +0 -7
  735. package/dist/esm/chunks/chunk.Q2Q626DG.js +0 -7
  736. package/dist/esm/chunks/chunk.Q4YL47ZL.js +0 -7
  737. package/dist/esm/chunks/chunk.Q4YL47ZL.js.map +0 -7
  738. package/dist/esm/chunks/chunk.Q54DACHS.js +0 -7
  739. package/dist/esm/chunks/chunk.Q54DACHS.js.map +0 -7
  740. package/dist/esm/chunks/chunk.Q74SG6BV.js +0 -7
  741. package/dist/esm/chunks/chunk.QGMWM7IT.js +0 -7
  742. package/dist/esm/chunks/chunk.QGMWM7IT.js.map +0 -7
  743. package/dist/esm/chunks/chunk.RCPUTZON.js +0 -7
  744. package/dist/esm/chunks/chunk.RCPUTZON.js.map +0 -7
  745. package/dist/esm/chunks/chunk.SBKKBQDX.js +0 -7
  746. package/dist/esm/chunks/chunk.SBKKBQDX.js.map +0 -7
  747. package/dist/esm/chunks/chunk.SVVF632P.js +0 -7
  748. package/dist/esm/chunks/chunk.SVVF632P.js.map +0 -7
  749. package/dist/esm/chunks/chunk.T4J66YX5.js +0 -7
  750. package/dist/esm/chunks/chunk.THNCYT3E.js +0 -7
  751. package/dist/esm/chunks/chunk.TSUAFZGY.js +0 -7
  752. package/dist/esm/chunks/chunk.UOEJCU6R.js +0 -7
  753. package/dist/esm/chunks/chunk.VG452D3L.js +0 -7
  754. package/dist/esm/chunks/chunk.VQPSP4HV.js +0 -7
  755. package/dist/esm/chunks/chunk.VQPSP4HV.js.map +0 -7
  756. package/dist/esm/chunks/chunk.W7BP2DDU.js +0 -7
  757. package/dist/esm/chunks/chunk.WARVAVAW.js +0 -7
  758. package/dist/esm/chunks/chunk.WEHQUUXJ.js +0 -7
  759. package/dist/esm/chunks/chunk.WEHQUUXJ.js.map +0 -7
  760. package/dist/esm/chunks/chunk.WJCZJ6XD.js +0 -7
  761. package/dist/esm/chunks/chunk.X3QZY7V4.js +0 -7
  762. package/dist/esm/chunks/chunk.XQLQ73NG.js +0 -7
  763. package/dist/esm/chunks/chunk.Y4ZS3A6F.js +0 -7
  764. package/dist/esm/chunks/chunk.YA5OQD37.js +0 -7
  765. package/dist/esm/chunks/chunk.YMSX4F3J.js +0 -7
  766. package/dist/esm/chunks/chunk.Z37CZMMR.js +0 -7
  767. package/dist/esm/chunks/chunk.ZIRA4PYV.js +0 -7
  768. package/dist/esm/chunks/chunk.ZT7U7WOX.js +0 -7
  769. package/dist/esm/chunks/chunk.ZX3CGET2.js +0 -7
  770. package/dist/esm/chunks/chunk.ZX3CGET2.js.map +0 -7
  771. package/dist/tooltip/forge-tooltip.css +0 -6
  772. package/esm/avatar/avatar-component-delegate.d.ts +0 -16
  773. package/esm/avatar/avatar-component-delegate.js +0 -15
  774. package/esm/badge/badge-adapter.d.ts +0 -17
  775. package/esm/badge/badge-adapter.js +0 -20
  776. package/esm/badge/badge-component-delegate.d.ts +0 -16
  777. package/esm/badge/badge-component-delegate.js +0 -15
  778. package/esm/badge/badge-foundation.d.ts +0 -24
  779. package/esm/badge/badge-foundation.js +0 -55
  780. package/esm/core/base/base-element-internals-component.d.ts +0 -41
  781. package/esm/core/base/base-element-internals-component.js +0 -47
  782. package/esm/tooltip/tooltip-utils.d.ts +0 -13
  783. package/esm/tooltip/tooltip-utils.js +0 -53
  784. package/styles/app-bar/app-bar/_configuration.scss +0 -16
  785. package/styles/avatar/_mixins.scss +0 -46
  786. package/styles/avatar/_variables.scss +0 -16
  787. package/styles/button/_configuration.scss +0 -16
  788. package/styles/button-toggle/button-toggle/_mixins.scss +0 -117
  789. package/styles/button-toggle/button-toggle-group/_mixins.scss +0 -79
  790. package/styles/circular-progress/_configuration.scss +0 -16
  791. package/styles/floating-action-button/_configuration.scss +0 -16
  792. package/styles/icon-button/_configuration.scss +0 -16
  793. package/styles/inline-message/_mixins.scss +0 -82
  794. package/styles/inline-message/_variables.scss +0 -67
  795. package/styles/linear-progress/_configuration.scss +0 -28
  796. package/styles/list/list/_configuration.scss +0 -10
  797. package/styles/list/list-item/_configuration.scss +0 -16
  798. package/styles/radio/radio/_configuration.scss +0 -10
  799. package/styles/split-button/_configuration.scss +0 -12
  800. package/styles/state-layer/_configuration.scss +0 -10
  801. package/styles/switch/_configuration.scss +0 -10
  802. package/styles/tabs/tab/_configuration.scss +0 -27
  803. package/styles/tabs/tab-bar/_configuration.scss +0 -10
  804. package/styles/tooltip/_mixins.scss +0 -98
  805. package/styles/tooltip/_variables.scss +0 -18
  806. package/styles/tooltip/forge-tooltip.scss +0 -12
  807. /package/dist/esm/chunks/{chunk.KWBYYSH3.js.map → chunk.2NGPMBVU.js.map} +0 -0
  808. /package/dist/esm/chunks/{chunk.L45HXBDS.js.map → chunk.5BQT3E7Y.js.map} +0 -0
  809. /package/dist/esm/chunks/{chunk.BAQYPAUM.js.map → chunk.AWEDY45N.js.map} +0 -0
  810. /package/dist/esm/chunks/{chunk.O6MGA3XK.js.map → chunk.GFKYBECY.js.map} +0 -0
  811. /package/dist/esm/chunks/{chunk.MHH26REX.js.map → chunk.IDB4KFSQ.js.map} +0 -0
  812. /package/dist/esm/chunks/{chunk.URKQICJD.js.map → chunk.LDHY3O6H.js.map} +0 -0
  813. /package/dist/esm/chunks/{chunk.KDJZN6EW.js.map → chunk.LEN33O6V.js.map} +0 -0
  814. /package/dist/esm/chunks/{chunk.42YDA5FH.js.map → chunk.LXFL2C62.js.map} +0 -0
  815. /package/dist/esm/chunks/{chunk.BC7WB5RG.js.map → chunk.MMMG4MZ3.js.map} +0 -0
  816. /package/dist/esm/chunks/{chunk.BTWJPE4Y.js.map → chunk.O5HBMTSZ.js.map} +0 -0
  817. /package/dist/esm/chunks/{chunk.MTSWCXTY.js.map → chunk.OD54UG2G.js.map} +0 -0
  818. /package/dist/esm/chunks/{chunk.NBLL7VAA.js.map → chunk.OJFSECZE.js.map} +0 -0
  819. /package/dist/esm/chunks/{chunk.7LOMI6J3.js.map → chunk.OR5GB6X3.js.map} +0 -0
  820. /package/dist/esm/chunks/{chunk.AR6YUJUH.js.map → chunk.RKG66YKS.js.map} +0 -0
  821. /package/dist/esm/chunks/{chunk.HRGTAVNA.js.map → chunk.RKIJTSSL.js.map} +0 -0
  822. /package/dist/esm/chunks/{chunk.WINL2C7Q.js.map → chunk.U6FJJGO3.js.map} +0 -0
  823. /package/dist/esm/chunks/{chunk.5EGEZ4IY.js.map → chunk.VNFATHAQ.js.map} +0 -0
  824. /package/dist/esm/chunks/{chunk.IHIKIZIT.js.map → chunk.VOL4DT5F.js.map} +0 -0
  825. /package/dist/esm/chunks/{chunk.U42I3PGF.js.map → chunk.ZZRAZZ3N.js.map} +0 -0
  826. /package/esm/core/{base/base-label-aware-component.js → mixins/label/with-label-aware.js} +0 -0
package/dist/esm/chunks/chunk.NPCUVYWP.js ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2023 Tyler Technologies, Inc.
4
+ * License: Apache-2.0
5
+ */
6
+ import{a as T,b as B,c as A,d as w}from"./chunk.ZSHN7Z45.js";import{d as E}from"./chunk.OJHNLDNM.js";import{a as k,l as I}from"./chunk.L7BSLZCB.js";import{p as x}from"./chunk.FTADCSFT.js";import{a as y}from"./chunk.OUIWXKO2.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as m,b as p,d as _}from"./chunk.UVXKHQQZ.js";import{a as v,e as h}from"./chunk.TPXXHX5J.js";import{f as b}from"./chunk.HZUQXCOQ.js";import{k as u}from"./chunk.J2M2MXP2.js";import{a as f,b as d,d as i}from"./chunk.M3QDAYD2.js";var C=`${p}icon-button`,N={TOGGLE:"toggle",ON:"on",VARIANT:"variant",THEME:"theme",SHAPE:"shape",DENSITY:"density"},z=d(f({},N),{ARIA_PRESSED:"aria-pressed"}),O={TOGGLE:`${C}-toggle`},H={DEFAULT_VARIANT:"icon",DEFAULT_THEME:"primary",DEFAULT_SHAPE:"circular",DEFAULT_DENSITY:"large"},t={elementName:C,observedAttributes:N,attributes:z,events:O,defaults:H};var g=class extends A{constructor(o){super(o);this._toggle=!1;this._on=!1;this._variant=t.defaults.DEFAULT_VARIANT;this._theme=t.defaults.DEFAULT_THEME;this._shape=t.defaults.DEFAULT_SHAPE;this._density=t.defaults.DEFAULT_DENSITY}async _onClick(o){this._toggle&&this._onToggle(),super._onClick(o)}_onToggle(){let o=this._on;this._on=!this._on;let e=!this._adapter.emitHostEvent(t.events.TOGGLE,this.on,!0,!0);this._on=o,!e&&(this.on=!o)}get toggle(){return this._toggle}set toggle(o){o=!!o,this._toggle!==o&&(this._toggle=o,this._adapter.toggleHostAttribute(t.attributes.ARIA_PRESSED,this._toggle,`${this._on}`),this._adapter.toggleHostAttribute(t.attributes.TOGGLE,this._toggle))}get on(){return this._on}set on(o){o=!!o,this._on!==o&&(this._on=o,this._toggle?this._adapter.setHostAttribute(t.attributes.ARIA_PRESSED,`${this._on}`):this._adapter.removeHostAttribute(t.attributes.ARIA_PRESSED),this._adapter.toggleHostAttribute(t.attributes.ON,this._on))}get variant(){return this._variant}set variant(o){o=o!=null?o:t.defaults.DEFAULT_VARIANT,this._variant!==o&&(this._variant=o,this._variant!==t.defaults.DEFAULT_VARIANT?this._adapter.setHostAttribute(t.attributes.VARIANT,this._variant):this._adapter.removeHostAttribute(t.attributes.VARIANT))}get theme(){return this._theme}set theme(o){o=o!=null?o:t.defaults.DEFAULT_THEME,this._theme!==o&&(this._theme=o,this._theme!==t.defaults.DEFAULT_THEME?this._adapter.setHostAttribute(t.attributes.THEME,this._theme):this._adapter.removeHostAttribute(t.attributes.THEME))}get shape(){return this._shape}set shape(o){o=o!=null?o:t.defaults.DEFAULT_SHAPE,this._shape!==o&&(this._shape=o,this._shape!==t.defaults.DEFAULT_SHAPE?this._adapter.setHostAttribute(t.attributes.SHAPE,this._shape):this._adapter.removeHostAttribute(t.attributes.SHAPE))}get density(){return this._density}set density(o){o=o!=null?o:t.defaults.DEFAULT_DENSITY,this._density!==o&&(this._density=o,this._density!==t.defaults.DEFAULT_DENSITY?this._adapter.setHostAttribute(t.attributes.DENSITY,this._density):this._adapter.removeHostAttribute(t.attributes.DENSITY))}};var l=class extends w{constructor(a){super(a)}};var L='<template><div class="forge-icon-button" part="root"><slot name="start"></slot><slot></slot><slot name="on"></slot><slot name="end"></slot><slot name="badge"></slot><forge-focus-indicator target=":host" part="focus-indicator"></forge-focus-indicator><forge-state-layer target=":host" exportparts="surface:state-layer"></forge-state-layer></div></template>',F=":host{--_icon-button-display:var(--forge-icon-button-display, inline-flex);--_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed)}:host{display:var(--_icon-button-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-icon-button{--_icon-button-size:var(--forge-icon-button-size, 48px);--_icon-button-gap:var(--forge-icon-button-gap, 0);--_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);--_icon-button-background-color:var(--forge-icon-button-background-color, none);--_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));--_icon-button-cursor:var(--forge-icon-button-cursor, pointer);--_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-border:var(--forge-icon-button-border, none);--_icon-button-shadow:var(--forge-icon-button-shadow, none);--_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_icon-button-shape:var(--forge-icon-button-shape, var(--forge-shape-full, 9999px));--_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));--_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));--_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));--_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));--_icon-button-shape-squared:var(--forge-icon-button-shape-squared, var(--forge-shape-medium, 4px));--_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);--_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);--_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));--_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));--_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);--_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);--_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));--_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);--_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);--_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}.forge-icon-button{position:relative;z-index:0;display:var(--_icon-button-display);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_icon-button-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_icon-button-density-large-size);min-width:var(--_icon-button-density-large-size);border:var(--_icon-button-border);border-start-start-radius:var(--_icon-button-shape-start-start);border-start-end-radius:var(--_icon-button-shape-start-end);border-end-start-radius:var(--_icon-button-shape-end-start);border-end-end-radius:var(--_icon-button-shape-end-end);padding:var(--_icon-button-padding);-webkit-box-shadow:var(--_icon-button-shadow);box-shadow:var(--_icon-button-shadow);color:var(--_icon-button-icon-color);background:var(--_icon-button-background-color);font-size:var(--_icon-button-icon-size);cursor:var(--_icon-button-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-property:background,-webkit-box-shadow;transition-property:background,-webkit-box-shadow;transition-property:box-shadow,background;transition-property:box-shadow,background,-webkit-box-shadow;-webkit-transition-duration:var(--_icon-button-transition-duration);transition-duration:var(--_icon-button-transition-duration);-webkit-transition-timing-function:var(--_icon-button-transition-timing);transition-timing-function:var(--_icon-button-transition-timing)}.forge-icon-button ::slotted(:is([slot=start],[slot=end])){font-size:var(--_icon-button-icon-size);height:var(--_icon-button-icon-size);width:var(--_icon-button-icon-size);font-weight:inherit}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_icon-button-focus-indicator-color);--forge-focus-indicator-shape-start-start:var(--_icon-button-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_icon-button-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_icon-button-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_icon-button-shape-end-end)}:host(:is([variant=icon],:not([variant]))){--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_icon-button-icon-color)}:host([popover-icon]) .forge-icon-button{--_icon-button-padding:var(--_icon-button-popover-icon-padding)}:host([variant=outlined]) .forge-icon-button{border-width:var(--_icon-button-outlined-border-width);border-style:var(--_icon-button-outlined-border-style);border-color:var(--_icon-button-outlined-border-color)}:host([variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-background-color)}:host(:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-icon-color);--_icon-button-background-color:var(--_icon-button-filled-background-color)}:host([variant=raised]) .forge-icon-button{--_icon-button-shadow:var(--_icon-button-raised-shadow)}:host([variant=raised]) .forge-icon-button:hover{--_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow)}:host([variant=raised]) .forge-icon-button:active{--_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow)}:host(:is(:not([toggle]),[toggle]:not([on]))) slot[name=on]{display:none}:host([toggle][on]) slot:not([name]){display:none}:host([toggle][on]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-toggle-on-icon-color)}:host([toggle][on][variant=outlined]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-outlined-toggle-on-background-color);--_icon-button-icon-color:var(--_icon-button-outlined-toggle-on-icon-color)}:host([toggle]:not([on])[variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-tonal-toggle-background-color)}:host([toggle][on][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-toggle-on-background-color)}:host([toggle]:not([on]):is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-background-color)}:host([toggle][on]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-on-background-color)}::slotted([slot=badge]){position:absolute;top:0;left:60%;z-index:1;pointer-events:none}::slotted(forge-badge[slot=badge][dot]){top:8px}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge]:not([dot])){top:-25%}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge][dot]){top:0}::slotted(forge-circular-progress){--forge-circular-progress-indicator-color:var(--_icon-button-icon-color);--forge-circular-progress-track-color:transparent;--forge-circular-progress-size:1em}:host(:is([dense],[density=small])) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-small-size);--_icon-button-icon-size:var(--_icon-button-density-small-icon-size);--_icon-button-padding:var(--_icon-button-density-small-padding)}:host(:is([dense],[density=small])) ::slotted(*){font-size:var(--_icon-button-density-small-icon-size)}:host([density=medium]) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-medium-size);--_icon-button-padding:var(--_icon-button-density-medium-padding)}:host([shape=squared]) .forge-icon-button{--_icon-button-shape:var(--_icon-button-shape-squared)}:host([disabled]){cursor:var(--_icon-button-disabled-cursor)}:host([disabled]) .forge-icon-button{pointer-events:none;opacity:var(--_icon-button-disabled-opacity)}:host([disabled][variant=raised]) .forge-icon-button{--_icon-button-raised-shadow:var(--_icon-button-raised-disabled-shadow)}:host(:not([toggle])[theme=primary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}:host(:not([toggle])[theme=secondary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle]:not([on])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:not([toggle])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary, #000000));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary, #ffc107))}:host([toggle]:not([on])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-secondary, #ffc107));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=tertiary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary-container, #213189));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle]:not([on])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:not([toggle])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle]:not([on])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=success]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success-container, #19441b));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle]:not([on])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-success-container, #19441b))}:host(:not([toggle])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success, #2e7d32))}:host([toggle]:not([on])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-success, #2e7d32));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=error]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error-container, #5f0011));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle]:not([on])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-error-container, #5f0011))}:host(:not([toggle])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error, #b00020))}:host([toggle]:not([on])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-error, #b00020));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=warning]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning-container, #712700));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle]:not([on])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-warning-container, #712700))}:host(:not([toggle])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning, #d14900))}:host([toggle]:not([on])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-warning, #d14900));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=info]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host(:not([toggle])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info-container, #0b3768));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle]:not([on])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-info-container, #0b3768))}:host(:not([toggle])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info, #1565c0))}:host([toggle]:not([on])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-info, #1565c0));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-info, #1565c0))}",r=class extends B{constructor(){super();h(this,L,F),this._foundation=new g(new l(this))}static get observedAttributes(){return[...Object.values(T.observedAttributes),...Object.values(t.observedAttributes)]}attributeChangedCallback(o,e,n){switch(o){case t.attributes.TOGGLE:this.toggle=u(n);break;case t.attributes.ON:this.on=u(n);break;case t.attributes.VARIANT:this.variant=n;break;case t.attributes.THEME:this.theme=n;break;case t.attributes.SHAPE:this.shape=n;break;case t.attributes.DENSITY:this.density=n;break}super.attributeChangedCallback(o,e,n)}};i([c()],r.prototype,"toggle",2),i([c()],r.prototype,"on",2),i([c()],r.prototype,"theme",2),i([c()],r.prototype,"variant",2),i([c()],r.prototype,"shape",2),i([c()],r.prototype,"density",2),r=i([m({name:t.elementName,dependencies:[E,x,I]})],r);var S=class extends y{constructor(o){super(o)}_build(){var e;let o=document.createElement(t.elementName);if((e=this._config.options)!=null&&e.tooltip){let n=document.createElement("forge-tooltip");n.textContent=this._config.options.tooltip,this._config.options.tooltipPosition&&(n.placement=this._config.options.tooltipPosition),o.appendChild(n)}return o}get iconElement(){return this._iconElement}get disabled(){return!!this._element.disabled}set disabled(o){this._element.disabled=o}_configure(){this._configureIcon()}_configureIcon(){var e,n;if(!((e=this._config.options)!=null&&e.iconName))return;switch(((n=this._config.options)==null?void 0:n.iconType)||"component"){case"font":let D=Array.isArray(this._config.options.iconClass)?this._config.options.iconClass:[_];b(D,this._element),this._element.textContent=this._config.options.iconName;break;case"component":this._iconElement=document.createElement(k.elementName),this._iconElement.name=this._config.options.iconName,this._config.options.iconExternal!==void 0&&(this._iconElement.external=!!this._config.options.iconExternal),this._config.options.iconExternalType&&(this._iconElement.externalType=this._config.options.iconExternalType),this._config.options.iconClass&&b(this._config.options.iconClass,this._iconElement),this._element.appendChild(this._iconElement);break}}onClick(o){this._element.addEventListener("click",o)}onFocus(o){this._element.addEventListener("focus",e=>o(e))}onBlur(o){this._element.addEventListener("blur",e=>o(e))}};function Co(){v(r)}export{t as a,g as b,l as c,r as d,S as e,Co as f};
7
+ //# sourceMappingURL=chunk.NPCUVYWP.js.map
package/dist/esm/chunks/chunk.NPCUVYWP.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/icon-button/icon-button-constants.ts", "../../src/icon-button/icon-button-foundation.ts", "../../src/icon-button/icon-button-adapter.ts", "../../src/icon-button/icon-button.ts", "../../src/icon-button/icon-button-component-delegate.ts", "../../src/icon-button/index.ts"],
4
+ "sourcesContent": ["import { COMPONENT_NAME_PREFIX, Density, Theme } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}icon-button`;\n\nconst observedAttributes = {\n TOGGLE: 'toggle',\n ON: 'on',\n VARIANT: 'variant',\n THEME: 'theme',\n SHAPE: 'shape',\n DENSITY: 'density'\n};\n\nconst attributes = {\n ...observedAttributes,\n ARIA_PRESSED: 'aria-pressed'\n};\n\nconst events = {\n TOGGLE: `${elementName}-toggle`\n};\n\nconst defaults = {\n DEFAULT_VARIANT: 'icon' as IconButtonVariant,\n DEFAULT_THEME: 'primary' as IconButtonTheme,\n DEFAULT_SHAPE: 'circular' as IconButtonShape,\n DEFAULT_DENSITY: 'large' as IconButtonDensity\n};\n\nexport const ICON_BUTTON_CONSTANTS = {\n elementName,\n observedAttributes,\n attributes,\n events,\n defaults\n};\n\nexport type IconButtonVariant = 'icon' | 'outlined' | 'tonal' | 'filled' | 'raised';\nexport type IconButtonTheme = Theme;\nexport type IconButtonShape = 'circular' | 'squared';\nexport type IconButtonDensity = Density;\n", "import { BaseButtonFoundation, IBaseButtonFoundation } from '../button/base/base-button-foundation';\nimport { IIconButtonAdapter } from './icon-button-adapter';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\n\nexport interface IIconButtonFoundation extends IBaseButtonFoundation {\n toggle: boolean;\n on: boolean;\n variant: IconButtonVariant;\n theme: IconButtonTheme;\n shape: IconButtonShape;\n density: IconButtonDensity;\n}\n\nexport class IconButtonFoundation extends BaseButtonFoundation<IIconButtonAdapter> implements IIconButtonFoundation {\n private _toggle = false;\n private _on = false;\n private _variant: IconButtonVariant = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n private _theme: IconButtonTheme = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n private _shape: IconButtonShape = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n private _density: IconButtonDensity = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n\n constructor(adapter: IIconButtonAdapter) {\n super(adapter);\n }\n\n protected override async _onClick(evt: MouseEvent): Promise<void> {\n if (this._toggle) {\n this._onToggle();\n }\n super._onClick(evt);\n }\n\n private _onToggle(): void {\n // Update internal state first so listeners can access the new state\n const originalOn = this._on;\n this._on = !this._on;\n\n const cancelled = !this._adapter.emitHostEvent(ICON_BUTTON_CONSTANTS.events.TOGGLE, this.on, true, true);\n this._on = originalOn;\n\n if (cancelled) {\n return;\n }\n\n this.on = !originalOn;\n }\n\n public get toggle(): boolean {\n return this._toggle;\n }\n public set toggle(value: boolean) {\n value = !!value;\n if (this._toggle !== value) {\n this._toggle = value;\n this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, this._toggle, `${this._on}`);\n this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.TOGGLE, this._toggle);\n }\n }\n\n public get on(): boolean {\n return this._on;\n }\n public set on(value: boolean) {\n value = !!value;\n if (this._on !== value) {\n this._on = value;\n \n if (this._toggle) {\n this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, `${this._on}`);\n } else {\n this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED);\n }\n\n this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ON, this._on);\n }\n }\n\n public get variant(): IconButtonVariant {\n return this._variant;\n }\n public set variant(value: IconButtonVariant) {\n value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n if (this._variant !== value) {\n this._variant = value;\n\n if (this._variant !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT) {\n this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT, this._variant);\n } else {\n this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT);\n }\n }\n }\n\n public get theme(): IconButtonTheme {\n return this._theme;\n }\n public set theme(value: IconButtonTheme) {\n value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n if (this._theme !== value) {\n this._theme = value;\n\n if (this._theme !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME) {\n this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME, this._theme);\n } else {\n this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME);\n }\n }\n }\n\n public get shape(): IconButtonShape {\n return this._shape;\n }\n public set shape(value: IconButtonShape) {\n value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n if (this._shape !== value) {\n this._shape = value;\n\n if (this._shape !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE) {\n this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE, this._shape);\n } else {\n this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE);\n }\n }\n }\n\n public get density(): IconButtonDensity {\n return this._density;\n }\n public set density(value: IconButtonDensity) {\n value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n if (this._density !== value) {\n this._density = value;\n\n if (this._density !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY) {\n this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY, this._density);\n } else {\n this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY);\n }\n }\n }\n}\n", "import { BaseButtonAdapter, IBaseButtonAdapter } from '../button/base/base-button-adapter';\nimport { IIconButtonComponent } from './icon-button';\n\nexport interface IIconButtonAdapter extends IBaseButtonAdapter {}\n\nexport class IconButtonAdapter extends BaseButtonAdapter implements IIconButtonAdapter {\n constructor(component: IIconButtonComponent) {\n super(component);\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { IconComponent } from '../icon';\nimport { BaseButton, IBaseButton } from '../button/base/base-button';\nimport { BASE_BUTTON_CONSTANTS } from '../button/base/base-button-constants';\nimport { FocusIndicatorComponent } from '../focus-indicator';\nimport { StateLayerComponent } from '../state-layer';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { IconButtonFoundation } from './icon-button-foundation';\nimport { IconButtonAdapter } from './icon-button-adapter';\n\nconst template = '<template><div class=\\\"forge-icon-button\\\" part=\\\"root\\\"><slot name=\\\"start\\\"></slot><slot></slot><slot name=\\\"on\\\"></slot><slot name=\\\"end\\\"></slot><slot name=\\\"badge\\\"></slot><forge-focus-indicator target=\\\":host\\\" part=\\\"focus-indicator\\\"></forge-focus-indicator><forge-state-layer target=\\\":host\\\" exportparts=\\\"surface:state-layer\\\"></forge-state-layer></div></template>';\nconst styles = ':host{--_icon-button-display:var(--forge-icon-button-display, inline-flex);--_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed)}:host{display:var(--_icon-button-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-icon-button{--_icon-button-size:var(--forge-icon-button-size, 48px);--_icon-button-gap:var(--forge-icon-button-gap, 0);--_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);--_icon-button-background-color:var(--forge-icon-button-background-color, none);--_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));--_icon-button-cursor:var(--forge-icon-button-cursor, pointer);--_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-border:var(--forge-icon-button-border, none);--_icon-button-shadow:var(--forge-icon-button-shadow, none);--_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_icon-button-shape:var(--forge-icon-button-shape, var(--forge-shape-full, 9999px));--_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));--_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));--_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));--_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));--_icon-button-shape-squared:var(--forge-icon-button-shape-squared, var(--forge-shape-medium, 4px));--_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);--_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);--_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));--_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));--_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);--_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);--_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));--_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);--_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);--_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}.forge-icon-button{position:relative;z-index:0;display:var(--_icon-button-display);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_icon-button-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_icon-button-density-large-size);min-width:var(--_icon-button-density-large-size);border:var(--_icon-button-border);border-start-start-radius:var(--_icon-button-shape-start-start);border-start-end-radius:var(--_icon-button-shape-start-end);border-end-start-radius:var(--_icon-button-shape-end-start);border-end-end-radius:var(--_icon-button-shape-end-end);padding:var(--_icon-button-padding);-webkit-box-shadow:var(--_icon-button-shadow);box-shadow:var(--_icon-button-shadow);color:var(--_icon-button-icon-color);background:var(--_icon-button-background-color);font-size:var(--_icon-button-icon-size);cursor:var(--_icon-button-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-property:background,-webkit-box-shadow;transition-property:background,-webkit-box-shadow;transition-property:box-shadow,background;transition-property:box-shadow,background,-webkit-box-shadow;-webkit-transition-duration:var(--_icon-button-transition-duration);transition-duration:var(--_icon-button-transition-duration);-webkit-transition-timing-function:var(--_icon-button-transition-timing);transition-timing-function:var(--_icon-button-transition-timing)}.forge-icon-button ::slotted(:is([slot=start],[slot=end])){font-size:var(--_icon-button-icon-size);height:var(--_icon-button-icon-size);width:var(--_icon-button-icon-size);font-weight:inherit}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_icon-button-focus-indicator-color);--forge-focus-indicator-shape-start-start:var(--_icon-button-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_icon-button-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_icon-button-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_icon-button-shape-end-end)}:host(:is([variant=icon],:not([variant]))){--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_icon-button-icon-color)}:host([popover-icon]) .forge-icon-button{--_icon-button-padding:var(--_icon-button-popover-icon-padding)}:host([variant=outlined]) .forge-icon-button{border-width:var(--_icon-button-outlined-border-width);border-style:var(--_icon-button-outlined-border-style);border-color:var(--_icon-button-outlined-border-color)}:host([variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-background-color)}:host(:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-icon-color);--_icon-button-background-color:var(--_icon-button-filled-background-color)}:host([variant=raised]) .forge-icon-button{--_icon-button-shadow:var(--_icon-button-raised-shadow)}:host([variant=raised]) .forge-icon-button:hover{--_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow)}:host([variant=raised]) .forge-icon-button:active{--_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow)}:host(:is(:not([toggle]),[toggle]:not([on]))) slot[name=on]{display:none}:host([toggle][on]) slot:not([name]){display:none}:host([toggle][on]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-toggle-on-icon-color)}:host([toggle][on][variant=outlined]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-outlined-toggle-on-background-color);--_icon-button-icon-color:var(--_icon-button-outlined-toggle-on-icon-color)}:host([toggle]:not([on])[variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-tonal-toggle-background-color)}:host([toggle][on][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-toggle-on-background-color)}:host([toggle]:not([on]):is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-background-color)}:host([toggle][on]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-on-background-color)}::slotted([slot=badge]){position:absolute;top:0;left:60%;z-index:1;pointer-events:none}::slotted(forge-badge[slot=badge][dot]){top:8px}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge]:not([dot])){top:-25%}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge][dot]){top:0}::slotted(forge-circular-progress){--forge-circular-progress-indicator-color:var(--_icon-button-icon-color);--forge-circular-progress-track-color:transparent;--forge-circular-progress-size:1em}:host(:is([dense],[density=small])) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-small-size);--_icon-button-icon-size:var(--_icon-button-density-small-icon-size);--_icon-button-padding:var(--_icon-button-density-small-padding)}:host(:is([dense],[density=small])) ::slotted(*){font-size:var(--_icon-button-density-small-icon-size)}:host([density=medium]) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-medium-size);--_icon-button-padding:var(--_icon-button-density-medium-padding)}:host([shape=squared]) .forge-icon-button{--_icon-button-shape:var(--_icon-button-shape-squared)}:host([disabled]){cursor:var(--_icon-button-disabled-cursor)}:host([disabled]) .forge-icon-button{pointer-events:none;opacity:var(--_icon-button-disabled-opacity)}:host([disabled][variant=raised]) .forge-icon-button{--_icon-button-raised-shadow:var(--_icon-button-raised-disabled-shadow)}:host(:not([toggle])[theme=primary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}:host(:not([toggle])[theme=secondary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle]:not([on])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:not([toggle])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary, #000000));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary, #ffc107))}:host([toggle]:not([on])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-secondary, #ffc107));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=tertiary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary-container, #213189));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle]:not([on])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:not([toggle])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle]:not([on])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=success]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success-container, #19441b));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle]:not([on])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-success-container, #19441b))}:host(:not([toggle])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success, #2e7d32))}:host([toggle]:not([on])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-success, #2e7d32));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=error]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error-container, #5f0011));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle]:not([on])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-error-container, #5f0011))}:host(:not([toggle])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error, #b00020))}:host([toggle]:not([on])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-error, #b00020));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=warning]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning-container, #712700));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle]:not([on])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-warning-container, #712700))}:host(:not([toggle])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning, #d14900))}:host([toggle]:not([on])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-warning, #d14900));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=info]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host(:not([toggle])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info-container, #0b3768));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle]:not([on])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-info-container, #0b3768))}:host(:not([toggle])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info, #1565c0))}:host([toggle]:not([on])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-info, #1565c0));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-info, #1565c0))}';\n\nexport interface IIconButtonComponent extends IBaseButton {\n toggle: boolean;\n on: boolean;\n variant: IconButtonVariant;\n theme: IconButtonTheme;\n shape: IconButtonShape;\n density: IconButtonDensity;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-icon-button': IIconButtonComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-icon-button-toggle': CustomEvent<boolean>;\n }\n}\n\n/**\n * @tag forge-icon-button\n * \n * @summary Icons buttons are used to trigger an action or event.\n * \n * @property {boolean} toggle - Whether or not the icon button can be toggled.\n * @property {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @property {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @property {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @property {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @property {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @property {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @property {boolean} disabled - Whether or not the button is disabled.\n * @property {boolean} popoverIcon - Whether or not the button shows a built-in popover icon.\n * @property {string} name - The name of the button.\n * @property {string} value - The form value of the button.\n * @property {boolean} dense - Whether or not the button is dense.\n * @property {boolean} anchor - Whether or not the button is an `<a>` element.\n * @property {string} href - The href of the anchor.\n * @property {string} target - The target of the anchor.\n * @property {string} download - The download of the anchor.\n * @property {string} rel - The rel of the anchor.\n * @property {HTMLFormElement | null} form - The form reference of the button if within a `<form>` element.\n * \n * @attribute {boolean} toggle - Whether or not the icon button can be toggled.\n * @attribute {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @attribute {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @attribute {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @attribute {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @attribute {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @attribute {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @attribute {boolean} disabled - Whether or not the button is disabled.\n * @attribute {boolean} popover-icon - Whether or not the button shows a built-in popover icon.\n * @attribute {string} name - The name of the button.\n * @attribute {string} value - The form value of the button.\n * @attribute {boolean} dense - Whether or not the button is dense.\n * @attribute {boolean} anchor - Whether or not the button is an `<a>` element.\n * @attribute {string} href - The href of the anchor.\n * @attribute {string} target - The target of the anchor.\n * @attribute {string} download - The download of the anchor.\n * @attribute {string} rel - The rel of the anchor.\n * \n * @event {Event} click - Fires when the button is clicked.\n * @event {Event} forge-icon-button-toggle - Fires when the icon button is toggled.\n * \n * @cssproperty --forge-icon-button-display - The display property of the button.\n * @cssproperty --forge-icon-button-size - The height and min-width of the button.\n * @cssproperty --forge-icon-button-gap - The gap between the icon content.\n * @cssproperty --forge-icon-button-icon-color - The color of the icon.\n * @cssproperty --forge-icon-button-background-color - The background color of the button.\n * @cssproperty --forge-icon-button-icon-size - The size of the icon.\n * @cssproperty --forge-icon-button-cursor - The cursor of the button.\n * @cssproperty --forge-icon-button-padding - The inline padding of the button.\n * @cssproperty --forge-icon-button-border - The border of the button.\n * @cssproperty --forge-icon-button-shadow - The shadow of the button.\n * @cssproperty --forge-icon-button-transition-duration - The transition duration of the button.\n * @cssproperty --forge-icon-button-transition-timing - The transition timing of the button.\n * @cssproperty --forge-icon-button-shape - The shape of the button.\n * @cssproperty --forge-icon-button-shape-start-start - The start-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-start-end - The start-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-start - The end-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-end - The end-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-squared - The squared border-radius of the button.\n * @cssproperty --forge-icon-button-outlined-border-width - The border width when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-style - The border style when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-color - The border color when in the outlined variant.\n * @cssproperty --forge-icon-button-tonal-icon-color - The icon color when in the tonal variant.\n * @cssproperty --forge-icon-button-tonal-background-color - The background color when in the tonal variant.\n * @cssproperty --forge-icon-button-filled-icon-color - The icon color when in the filled variant.\n * @cssproperty --forge-icon-button-filled-background-color - The background color when in the filled variant.\n * @cssproperty --forge-icon-button-raised-shadow - The shadow when in the raised variant.\n * @cssproperty --forge-icon-button-raised-hover-shadow - The shadow when in the raised variant and hovered.\n * @cssproperty --forge-icon-button-raised-active-shadow - The shadow when in the raised variant and active.\n * @cssproperty --forge-icon-button-raised-disabled-shadow - The shadow when in the raised variant and disabled.\n * @cssproperty --forge-icon-button-density-small-size - The size of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-padding - The padding of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-icon-size - The size of the icon when in the small density.\n * @cssproperty --forge-icon-button-density-medium-size - The size of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-medium-padding - The padding of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-large-size - The size of the button when in the large density.\n * @cssproperty --forge-icon-button-toggle-on-icon-color - The color of the icon when in toggle mode and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-background-color - The background color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-icon-color - The icon color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-background-color - The background color when in the tonal variant and toggled.\n * @cssproperty --forge-icon-button-tonal-toggle-on-background-color - The background color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-on-icon-color - The icon color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-background-color - The background color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-icon-color - The icon color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-on-background-color - The background color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-on-icon-color - The icon color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-disabled-cursor - The cursor when the button is disabled.\n * @cssproperty --forge-icon-button-disabled-opacity - The opacity when the button is disabled.\n * @cssproperty --forge-icon-button-popover-icon-padding - The padding of the popover icon.\n * @cssproperty --forge-icon-button-focus-indicator-color - The color of the focus indicator.\n * \n * @csspart root - The root container element.\n * @csspart focus-indicator - The focus-indicator indicator element.\n * @csspart state-layer - The state-layer surface element.\n * \n * @slot - This is a default/unnamed slot for the icon.\n * @slot on - The icon to show when in `toggle` mode when toggled \"on\".\n * @slot start - Elements to logically render before the icon.\n * @slot end - Elements to logically render after the icon.\n * @slot badge - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n */\n@CustomElement({\n name: ICON_BUTTON_CONSTANTS.elementName,\n dependencies: [\n FocusIndicatorComponent,\n StateLayerComponent,\n IconComponent\n ]\n})\nexport class IconButtonComponent extends BaseButton<IconButtonFoundation> implements IIconButtonComponent {\n public static get observedAttributes(): string[] {\n return [\n ...Object.values(BASE_BUTTON_CONSTANTS.observedAttributes),\n ...Object.values(ICON_BUTTON_CONSTANTS.observedAttributes)\n ];\n }\n\n protected readonly _foundation: IconButtonFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new IconButtonFoundation(new IconButtonAdapter(this));\n }\n\n public override attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:\n this.toggle = coerceBoolean(newValue);\n break;\n case ICON_BUTTON_CONSTANTS.attributes.ON:\n this.on = coerceBoolean(newValue);\n break;\n case ICON_BUTTON_CONSTANTS.attributes.VARIANT:\n this.variant = newValue as IconButtonVariant;\n break;\n case ICON_BUTTON_CONSTANTS.attributes.THEME:\n this.theme = newValue as IconButtonTheme;\n break;\n case ICON_BUTTON_CONSTANTS.attributes.SHAPE:\n this.shape = newValue as IconButtonShape;\n break;\n case ICON_BUTTON_CONSTANTS.attributes.DENSITY:\n this.density = newValue as IconButtonDensity;\n break;\n }\n super.attributeChangedCallback(name, oldValue, newValue);\n }\n\n @FoundationProperty()\n public declare toggle: boolean;\n\n @FoundationProperty()\n public declare on: boolean;\n\n @FoundationProperty()\n public declare theme: IconButtonTheme;\n\n @FoundationProperty()\n public declare variant: IconButtonVariant;\n\n @FoundationProperty()\n public declare shape: IconButtonShape;\n\n @FoundationProperty()\n public declare density: IconButtonDensity;\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { IconExternalType, ICON_CONSTANTS, IIconComponent } from '../icon';\nimport { ICON_CLASS_NAME } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconButtonComponent } from './icon-button';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { PopupPlacement } from '../popup';\n\nexport type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;\nexport interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n iconName?: string;\n iconExternal?: boolean;\n iconExternalType?: IconExternalType;\n iconType?: 'font' | 'component';\n iconClass?: string | string[];\n tooltip?: string;\n tooltipPosition?: PopupPlacement;\n}\nexport interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {}\n\nexport class IconButtonComponentDelegate extends BaseComponentDelegate<IIconButtonComponent, IIconButtonComponentDelegateOptions> {\n private _iconElement?: IIconComponent;\n\n constructor(config?: IIconButtonComponentDelegateConfig) {\n super(config);\n }\n\n protected _build(): IIconButtonComponent {\n const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);\n\n if (this._config.options?.tooltip) {\n const tooltip = document.createElement('forge-tooltip');\n tooltip.textContent = this._config.options.tooltip;\n \n if (this._config.options.tooltipPosition) {\n tooltip.placement = this._config.options.tooltipPosition;\n }\n\n component.appendChild(tooltip);\n }\n\n return component;\n }\n\n public get iconElement(): IIconComponent | undefined {\n return this._iconElement;\n }\n\n public get disabled(): boolean {\n return !!this._element.disabled;\n }\n public set disabled(value: boolean) {\n this._element.disabled = value;\n }\n\n protected _configure(): void {\n this._configureIcon();\n }\n\n private _configureIcon(): void {\n if (!this._config.options?.iconName) {\n return;\n }\n\n const type = this._config.options?.iconType || 'component';\n\n switch (type) {\n case 'font':\n const classes = Array.isArray(this._config.options.iconClass) ? this._config.options.iconClass : [ICON_CLASS_NAME];\n addClass(classes, this._element);\n this._element.textContent = this._config.options.iconName;\n break;\n case 'component':\n this._iconElement = document.createElement(ICON_CONSTANTS.elementName);\n this._iconElement.name = this._config.options.iconName;\n if (this._config.options.iconExternal !== undefined) {\n this._iconElement.external = !!this._config.options.iconExternal;\n }\n if (this._config.options.iconExternalType) {\n this._iconElement.externalType = this._config.options.iconExternalType;\n }\n if (this._config.options.iconClass) {\n addClass(this._config.options.iconClass, this._iconElement);\n }\n this._element.appendChild(this._iconElement);\n break;\n }\n }\n\n public onClick(listener: (evt: MouseEvent) => void): void {\n this._element.addEventListener('click', listener);\n }\n\n public onFocus(listener: (evt: Event) => void): void {\n this._element.addEventListener('focus', evt => listener(evt));\n }\n\n public onBlur(listener: (evt: Event) => void): void {\n this._element.addEventListener('blur', evt => listener(evt));\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { IconButtonComponent } from './icon-button';\n\nexport * from './icon-button';\nexport * from './icon-button-adapter';\nexport * from './icon-button-component-delegate';\nexport * from './icon-button-constants';\nexport * from './icon-button-foundation';\n\nexport function defineIconButtonComponent(): void {\n defineCustomElement(IconButtonComponent);\n}\n"],
5
+ "mappings": "ufAEA,IAAMA,EAA2C,GAAGC,eAE9CC,EAAqB,CACzB,OAAQ,SACR,GAAI,KACJ,QAAS,UACT,MAAO,QACP,MAAO,QACP,QAAS,SACX,EAEMC,EAAaC,EAAAC,EAAA,GACdH,GADc,CAEjB,aAAc,cAChB,GAEMI,EAAS,CACb,OAAQ,GAAGN,UACb,EAEMO,EAAW,CACf,gBAAiB,OACjB,cAAe,UACf,cAAe,WACf,gBAAiB,OACnB,EAEaC,EAAwB,CACnC,YAAAR,EACA,mBAAAE,EACA,WAAAC,EACA,OAAAG,EACA,SAAAC,CACF,ECtBO,IAAME,EAAN,cAAmCC,CAA0E,CAQlH,YAAYC,EAA6B,CACvC,MAAMA,CAAO,EARf,KAAQ,QAAU,GAClB,KAAQ,IAAM,GACd,KAAQ,SAA8BC,EAAsB,SAAS,gBACrE,KAAQ,OAA0BA,EAAsB,SAAS,cACjE,KAAQ,OAA0BA,EAAsB,SAAS,cACjE,KAAQ,SAA8BA,EAAsB,SAAS,eAIrE,CAEA,MAAyB,SAASC,EAAgC,CAC5D,KAAK,SACP,KAAK,UAAU,EAEjB,MAAM,SAASA,CAAG,CACpB,CAEQ,WAAkB,CAExB,IAAMC,EAAa,KAAK,IACxB,KAAK,IAAM,CAAC,KAAK,IAEjB,IAAMC,EAAY,CAAC,KAAK,SAAS,cAAcH,EAAsB,OAAO,OAAQ,KAAK,GAAI,GAAM,EAAI,EACvG,KAAK,IAAME,EAEP,CAAAC,IAIJ,KAAK,GAAK,CAACD,EACb,CAEA,IAAW,QAAkB,CAC3B,OAAO,KAAK,OACd,CACA,IAAW,OAAOE,EAAgB,CAChCA,EAAQ,CAAC,CAACA,EACN,KAAK,UAAYA,IACnB,KAAK,QAAUA,EACf,KAAK,SAAS,oBAAoBJ,EAAsB,WAAW,aAAc,KAAK,QAAS,GAAG,KAAK,KAAK,EAC5G,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,OAAQ,KAAK,OAAO,EAE3F,CAEA,IAAW,IAAc,CACvB,OAAO,KAAK,GACd,CACA,IAAW,GAAGI,EAAgB,CAC5BA,EAAQ,CAAC,CAACA,EACN,KAAK,MAAQA,IACf,KAAK,IAAMA,EAEP,KAAK,QACP,KAAK,SAAS,iBAAiBJ,EAAsB,WAAW,aAAc,GAAG,KAAK,KAAK,EAE3F,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,YAAY,EAGjF,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,GAAI,KAAK,GAAG,EAEnF,CAEA,IAAW,SAA6B,CACtC,OAAO,KAAK,QACd,CACA,IAAW,QAAQI,EAA0B,CAC3CA,EAAQA,GAAA,KAAAA,EAASJ,EAAsB,SAAS,gBAC5C,KAAK,WAAaI,IACpB,KAAK,SAAWA,EAEZ,KAAK,WAAaJ,EAAsB,SAAS,gBACnD,KAAK,SAAS,iBAAiBA,EAAsB,WAAW,QAAS,KAAK,QAAQ,EAEtF,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,OAAO,EAGhF,CAEA,IAAW,OAAyB,CAClC,OAAO,KAAK,MACd,CACA,IAAW,MAAMI,EAAwB,CACvCA,EAAQA,GAAA,KAAAA,EAASJ,EAAsB,SAAS,cAC5C,KAAK,SAAWI,IAClB,KAAK,OAASA,EAEV,KAAK,SAAWJ,EAAsB,SAAS,cACjD,KAAK,SAAS,iBAAiBA,EAAsB,WAAW,MAAO,KAAK,MAAM,EAElF,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,KAAK,EAG9E,CAEA,IAAW,OAAyB,CAClC,OAAO,KAAK,MACd,CACA,IAAW,MAAMI,EAAwB,CACvCA,EAAQA,GAAA,KAAAA,EAASJ,EAAsB,SAAS,cAC5C,KAAK,SAAWI,IAClB,KAAK,OAASA,EAEV,KAAK,SAAWJ,EAAsB,SAAS,cACjD,KAAK,SAAS,iBAAiBA,EAAsB,WAAW,MAAO,KAAK,MAAM,EAElF,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,KAAK,EAG9E,CAEA,IAAW,SAA6B,CACtC,OAAO,KAAK,QACd,CACA,IAAW,QAAQI,EAA0B,CAC3CA,EAAQA,GAAA,KAAAA,EAASJ,EAAsB,SAAS,gBAC5C,KAAK,WAAaI,IACpB,KAAK,SAAWA,EAEZ,KAAK,WAAaJ,EAAsB,SAAS,gBACnD,KAAK,SAAS,iBAAiBA,EAAsB,WAAW,QAAS,KAAK,QAAQ,EAEtF,KAAK,SAAS,oBAAoBA,EAAsB,WAAW,OAAO,EAGhF,CACF,ECvIO,IAAMK,EAAN,cAAgCC,CAAgD,CACrF,YAAYC,EAAiC,CAC3C,MAAMA,CAAS,CACjB,CACF,ECCA,IAAMC,EAAW,sWACXC,EAAS,s36BAsIFC,EAAN,cAAkCC,CAAiE,CAUxG,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAqB,IAAIC,EAAkB,IAAI,CAAC,CACzE,CAbA,WAAkB,oBAA+B,CAC/C,MAAO,CACL,GAAG,OAAO,OAAOC,EAAsB,kBAAkB,EACzD,GAAG,OAAO,OAAOC,EAAsB,kBAAkB,CAC3D,CACF,CAUgB,yBAAyBC,EAAcC,EAAkBC,EAAwB,CAC/F,OAAQF,EAAM,CACZ,KAAKD,EAAsB,WAAW,OACpC,KAAK,OAASI,EAAcD,CAAQ,EACpC,MACF,KAAKH,EAAsB,WAAW,GACpC,KAAK,GAAKI,EAAcD,CAAQ,EAChC,MACF,KAAKH,EAAsB,WAAW,QACpC,KAAK,QAAUG,EACf,MACF,KAAKH,EAAsB,WAAW,MACpC,KAAK,MAAQG,EACb,MACF,KAAKH,EAAsB,WAAW,MACpC,KAAK,MAAQG,EACb,MACF,KAAKH,EAAsB,WAAW,QACpC,KAAK,QAAUG,EACf,KACJ,CACA,MAAM,yBAAyBF,EAAMC,EAAUC,CAAQ,CACzD,CAmBF,EAhBiBE,EAAA,CADdC,EAAmB,GAxCTZ,EAyCI,sBAGAW,EAAA,CADdC,EAAmB,GA3CTZ,EA4CI,kBAGAW,EAAA,CADdC,EAAmB,GA9CTZ,EA+CI,qBAGAW,EAAA,CADdC,EAAmB,GAjDTZ,EAkDI,uBAGAW,EAAA,CADdC,EAAmB,GApDTZ,EAqDI,qBAGAW,EAAA,CADdC,EAAmB,GAvDTZ,EAwDI,uBAxDJA,EAANW,EAAA,CARNE,EAAc,CACb,KAAMP,EAAsB,YAC5B,aAAc,CACZQ,EACAC,EACAC,CACF,CACF,CAAC,GACYhB,GC7HN,IAAMiB,EAAN,cAA0CC,CAAiF,CAGhI,YAAYC,EAA6C,CACvD,MAAMA,CAAM,CACd,CAEU,QAA+B,CA3B3C,IAAAC,EA4BI,IAAMC,EAAY,SAAS,cAAcC,EAAsB,WAAW,EAE1E,IAAIF,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,QAAS,CACjC,IAAMG,EAAU,SAAS,cAAc,eAAe,EACtDA,EAAQ,YAAc,KAAK,QAAQ,QAAQ,QAEvC,KAAK,QAAQ,QAAQ,kBACvBA,EAAQ,UAAY,KAAK,QAAQ,QAAQ,iBAG3CF,EAAU,YAAYE,CAAO,EAG/B,OAAOF,CACT,CAEA,IAAW,aAA0C,CACnD,OAAO,KAAK,YACd,CAEA,IAAW,UAAoB,CAC7B,MAAO,CAAC,CAAC,KAAK,SAAS,QACzB,CACA,IAAW,SAASG,EAAgB,CAClC,KAAK,SAAS,SAAWA,CAC3B,CAEU,YAAmB,CAC3B,KAAK,eAAe,CACtB,CAEQ,gBAAuB,CA3DjC,IAAAJ,EAAAK,EA4DI,GAAI,GAACL,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,UACzB,OAKF,SAFaK,EAAA,KAAK,QAAQ,UAAb,YAAAA,EAAsB,WAAY,YAEjC,CACZ,IAAK,OACH,IAAMC,EAAU,MAAM,QAAQ,KAAK,QAAQ,QAAQ,SAAS,EAAI,KAAK,QAAQ,QAAQ,UAAY,CAACC,CAAe,EACjHC,EAASF,EAAS,KAAK,QAAQ,EAC/B,KAAK,SAAS,YAAc,KAAK,QAAQ,QAAQ,SACjD,MACF,IAAK,YACH,KAAK,aAAe,SAAS,cAAcG,EAAe,WAAW,EACrE,KAAK,aAAa,KAAO,KAAK,QAAQ,QAAQ,SAC1C,KAAK,QAAQ,QAAQ,eAAiB,SACxC,KAAK,aAAa,SAAW,CAAC,CAAC,KAAK,QAAQ,QAAQ,cAElD,KAAK,QAAQ,QAAQ,mBACvB,KAAK,aAAa,aAAe,KAAK,QAAQ,QAAQ,kBAEpD,KAAK,QAAQ,QAAQ,WACvBD,EAAS,KAAK,QAAQ,QAAQ,UAAW,KAAK,YAAY,EAE5D,KAAK,SAAS,YAAY,KAAK,YAAY,EAC3C,KACJ,CACF,CAEO,QAAQE,EAA2C,CACxD,KAAK,SAAS,iBAAiB,QAASA,CAAQ,CAClD,CAEO,QAAQA,EAAsC,CACnD,KAAK,SAAS,iBAAiB,QAASC,GAAOD,EAASC,CAAG,CAAC,CAC9D,CAEO,OAAOD,EAAsC,CAClD,KAAK,SAAS,iBAAiB,OAAQC,GAAOD,EAASC,CAAG,CAAC,CAC7D,CACF,EC1FO,SAASC,IAAkC,CAChDC,EAAoBC,CAAmB,CACzC",
6
+ "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadProps", "__spreadValues", "events", "defaults", "ICON_BUTTON_CONSTANTS", "IconButtonFoundation", "BaseButtonFoundation", "adapter", "ICON_BUTTON_CONSTANTS", "evt", "originalOn", "cancelled", "value", "IconButtonAdapter", "BaseButtonAdapter", "component", "template", "styles", "IconButtonComponent", "BaseButton", "attachShadowTemplate", "IconButtonFoundation", "IconButtonAdapter", "BASE_BUTTON_CONSTANTS", "ICON_BUTTON_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "IconComponent", "IconButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "component", "ICON_BUTTON_CONSTANTS", "tooltip", "value", "_b", "classes", "ICON_CLASS_NAME", "addClass", "ICON_CONSTANTS", "listener", "evt", "defineIconButtonComponent", "defineCustomElement", "IconButtonComponent"]
7
+ }
package/dist/esm/chunks/chunk.O47OSK6Z.js ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2023 Tyler Technologies, Inc.
4
+ * License: Apache-2.0
5
+ */
6
+ import{f as Z}from"./chunk.JPOTN7LL.js";import{b as Y}from"./chunk.LIKJD4SK.js";import{m as B}from"./chunk.EWT2PBEP.js";import{d as W,l as X}from"./chunk.L7BSLZCB.js";import{b as x}from"./chunk.BX4AQRHB.js";import{c as U,e as y,f as m}from"./chunk.HPCXVNG6.js";import{a as K}from"./chunk.ZY3ETQ3D.js";import{a as d}from"./chunk.NVUMRW44.js";import{a as H,b as z}from"./chunk.UVXKHQQZ.js";import{a as N,e as D,f as _,k as M}from"./chunk.TPXXHX5J.js";import{h as k,v as g}from"./chunk.HZUQXCOQ.js";import{b as p,k as w,l as R}from"./chunk.J2M2MXP2.js";import{a as f,b as h,d as l}from"./chunk.M3QDAYD2.js";var c=`${z}split-view-panel`,oe={RESIZABLE:"resizable",SIZE:"size",MIN:"min",MAX:"max",OPEN:"open",ACCESSIBLE_LABEL:"accessible-label",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold",ORIENTATION:"orientation"},se={ROOT:"forge-split-view-panel",GRABBED:"forge-split-view-panel--grabbed",HANDLE:"forge-split-view-panel__handle",ICON:"forge-split-view-panel__icon",CONTENT:"forge-split-view-panel__content",CLOSED:"forge-split-view-panel--closed",CLOSING:"forge-split-view-panel--closing",OPENING:"forge-split-view-panel--opening",DISABLED:"forge-split-view-panel--disabled",OVERLAY:"forge-split-view-panel-overlay"},v={ROOT:"root",HANDLE:"handle",ICON:"icon",RIPPLE:"ripple",CONTENT:"content"},le={ROOT:`#${v.ROOT}`,HANDLE:`#${v.HANDLE}`,ICON:`#${v.ICON}`,RIPPLE:`#${v.RIPPLE}`,CONTENT:`#${v.CONTENT}`},pe={WILL_RESIZE:`${c}-will-resize`,RESIZE_START:`${c}-resize-start`,RESIZE_END:`${c}-resize-end`,RESIZE:`${c}-resize`,DID_OPEN:`${c}-did-open`,DID_CLOSE:`${c}-did-close`,WILL_OPEN:`${c}-will-open`,WILL_CLOSE:`${c}-will-close`},de={RIPPLE_ACTIVATION_WAIT:200},ue={SIZE:"--forge-split-view-panel-size",CURSOR:"--forge-split-view-panel-cursor"},i={elementName:c,attributes:oe,classes:se,ids:v,selectors:le,events:pe,numbers:de,customCssProperties:ue},ce=(r=>(r[r.Under=1]="Under",r[r.Active=2]="Active",r[r.Above=3]="Above",r))(ce||{});function $(){return{orientation:"horizontal",resizable:"off",arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1,min:0}}function j(n,t){let e=n.getContentSize(t.orientation);return h(f({},t),{currentSize:e,startSize:e,availableSpace:n.getAvailableSpace(t.orientation,t.resizable),siblingSize:n.getSiblingContentSize(),isAtMin:!1,isAtMax:!1})}function G(n){return h(f({},n),{arrowKeyHeld:!1,keyboardDelta:0,isAtMin:!1,isAtMax:!1})}function F(n,t,e){if(e.startPoint===void 0||e.startSize===void 0)return!1;let r=e.currentSize,a=e.orientation==="horizontal"?t.clientX:t.clientY,o=e.startPoint-a;e.resizable==="start"&&(o*=-1);let u=e.startSize-o;e.currentSize=C(u,e),n.setContentSize(e.currentSize),E(n,e,"pointer"),n.setValuenow(P(e.currentSize,e));let S=u-e.currentSize+o;return ee(n,S,e),r!==e.currentSize}function q(n,t,e){if(e.startSize===void 0)return!1;let r=e.currentSize;e.keyboardDelta+=t;let a=e.startSize+e.keyboardDelta;e.currentSize=C(a,e),n.setContentSize(e.currentSize),E(n,e,"keyboard"),n.setValuenow(P(e.currentSize,e));let o=a-e.currentSize+e.keyboardDelta*-1;return ee(n,o,e),r!==e.currentSize}function J(n,t){return n.setContentSize(t.min),t.min}function Q(n,t){let e=n.getAvailableSpace(t.orientation,t.resizable),r=m(t.max,e);return n.setContentSize(r),r}function ee(n,t,e){if(e.siblingSize!==void 0){let r=e.siblingSize+t;n.setSiblingContentSize(r)}}function C(n,t){return n=Math.max(n,t.min),n=m(n,t.max,t.availableSpace),n}function E(n,t,e){if(t.currentSize===void 0)return!1;if(t.currentSize<=t.min)return t.isAtMin||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"min"}),t.isAtMin=!0),!0;t.isAtMin&&(t.isAtMin=!1);let r=m(t.max,t.availableSpace);return t.currentSize>=r?(t.isAtMax||(n.activateRipple(e==="pointer"),e==="pointer"&&n.setBodyCursor(t.orientation,{resizable:t.resizable,boundary:"max"}),t.isAtMax=!0),!0):(t.isAtMax&&(t.isAtMax=!1),e==="pointer"&&n.setBodyCursor(t.orientation),!1)}function te(n,t,e){if(t<=e.min)return n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"min"}),!0;let r=m(e.max,e.availableSpace);return t>=r?(n.setHandleCursor(e.orientation,{resizable:e.resizable,boundary:"max"}),!0):(n.setHandleCursor(e.orientation),!1)}function P(n,t){if(!t.availableSpace&&!t.max)return 100;let e=m(t.max,t.availableSpace);return y(n,t.min,e)}function O(n,t){if(n==="horizontal")switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"e-resize":"w-resize";case"max":return t.resizable==="end"?"w-resize":"e-resize";default:return"col-resize"}else switch(t==null?void 0:t.boundary){case"min":return t.resizable==="end"?"s-resize":"n-resize";case"max":return t.resizable==="end"?"n-resize":"s-resize";default:return"row-resize"}}function ie(n){return n==="horizontal"?"drag_vertical_variant":"drag_handle"}function I(n){let t=n.resizable;if(t==="off")return;let e=n;do e=t==="end"?e.nextElementSibling:e.previousElementSibling;while(e instanceof s&&!e.open);if(e instanceof s)return e}function me(n){var o,u;if(!isNaN(+n))return{amount:+n,unit:"px"};let t=/(^\d*\.?\d*)\s*(px|%$)?/i,e=n.match(t),r=e!=null&&e[1]?+e[1]:-1,a=(u=(o=e==null?void 0:e[2])==null?void 0:o.toLowerCase())!=null?u:"";return{amount:r,unit:a}}function b(n,t){let e=me(n);return e.unit==="%"?U(e.amount,t):e.amount}function ne(){let n=document.createElement("div");return n.classList.add(i.classes.OVERLAY),n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.width="100vw",n.style.height="100vh",n.style.zIndex="9999",n}var L=class{constructor(t){this._adapter=t;this._size=200;this._min=0;this._accessibleLabel="Split view panel";this._open=!0;this._state=$();this._isInitialized=!1;this._parentProperties={};this._pointerdownListener=e=>this._onPointerdown(e),this._pointerupListener=e=>this._onPointerup(e),this._pointermoveListener=e=>this._onPointermove(e),this._keydownListener=e=>this._onKeydown(e),this._keyupListener=e=>this._onKeyup(e)}get _orientation(){return this._state.orientation}set _orientation(t){this._state.orientation=t}get _resizable(){return this._state.resizable}set _resizable(t){this._state.resizable=t}get _pixelMin(){return this._state.min}set _pixelMin(t){this._state.min=t}get _pixelMax(){return this._state.max}set _pixelMax(t){this._state.max=t}get _appliedDisabled(){var t,e;return(e=(t=this._disabled)!=null?t:this._parentProperties.disabled)!=null?e:!1}get _appliedAllowClose(){var t,e;return(e=(t=this._allowClose)!=null?t:this._parentProperties.allowClose)!=null?e:!1}get _appliedAutoClose(){var t,e;return(e=(t=this._autoClose)!=null?t:this._parentProperties.autoClose)!=null?e:!1}get _appliedAutoCloseThreshold(){var t,e;return(e=(t=this._autoCloseThreshold)!=null?t:this._parentProperties.autoCloseThreshold)!=null?e:0}initialize(){this._adapter.initialize(),this._adapter.setPointerdownListener(this._pointerdownListener),this._adapter.setKeydownListener(this._keydownListener),this._getParentProperties(),this._applyResizable(),this._applyMin(),this._applyMax(),this._applySize(),this._applyAccessibleLabel(),this._applyOpen(),this._applyDisabled(),this._applyAllowClose(),this._applyAutoClose(),this._applyAutoCloseThreshold(),this._isInitialized=!0}disconnect(){this._adapter.tryRemoveOverlay(),this._adapter.removePointerupListener(this._pointerupListener),this._adapter.removePointermoveListener(this._pointermoveListener)}_onPointerdown(t){this._appliedDisabled||!this._allowResize("pointer")||(t.preventDefault(),this._adapter.setPointermoveListener(this._pointermoveListener),this._adapter.setPointerupListener(this._pointerupListener),this._handlePointerdown(t))}_onPointerup(t){t.preventDefault(),this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup()}_onPointermove(t){if(!this._appliedDisabled){if(t.preventDefault(),t.buttons===0){this._adapter.removePointermoveListener(this._pointermoveListener),this._adapter.removePointerupListener(this._pointerupListener),this._handlePointerup();return}this._handlePointermove(t)}}_onKeydown(t){this._appliedDisabled||(t.key==="Enter"?this._handleEnterKey(t):t.key==="Home"&&this._allowResize("keyboard")?this._handleHomeKey(t):t.key==="End"&&this._allowResize("keyboard")?this._handleEndKey(t):x(t)&&this._allowResize("keyboard")&&(this._adapter.setKeyupListener(this._keyupListener),this._handleArrowKey(t)))}_onKeyup(t){x(t)&&(this._adapter.removeKeyupListener(this._keyupListener),this._handleArrowKeyUp())}_handleEnterKey(t){this._appliedAllowClose&&(t.preventDefault(),this._tryOpenOrClose(!this._open,!1,!0))}_handleHomeKey(t){t.preventDefault();let e=J(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e),this._tryAutoClose()}_handleEndKey(t){t.preventDefault();let e=Q(this._adapter,this._state);this._adapter.emitHostEvent(i.events.RESIZE,e)}_handleArrowKey(t){let e=0;if(this._orientation==="horizontal")switch(t.key){case"ArrowLeft":e=-1;break;case"ArrowRight":e=1;break;default:return}else switch(t.key){case"ArrowUp":e=-1;break;case"ArrowDown":e=1;break;default:return}t.preventDefault(),this._resizable==="start"&&(e*=-1),t.shiftKey&&(e*=10),this._tryHandleArrowKeyDown(),this._handleArrowKeyHeld(e)}_tryHandleArrowKeyDown(){this._state.arrowKeyHeld||this._startResize(),this._state.arrowKeyHeld=!0}_handleArrowKeyUp(){this._endResize()}_handleArrowKeyHeld(t){q(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_handlePointerdown(t){this._adapter.setGrabbed(!0),this._adapter.focusHandle(),this._startResize(),this._state.startPoint=this._orientation==="horizontal"?t.clientX:t.clientY,E(this._adapter,this._state,"pointer")}_handlePointerup(){this._adapter.setGrabbed(!1),this._adapter.deactivateRipple(),this._endResize()}_handlePointermove(t){F(this._adapter,t,this._state)&&this._adapter.emitHostEvent(i.events.RESIZE,this._state.currentSize)}_allowResize(t){return this._adapter.emitHostEvent(i.events.WILL_RESIZE,{inputDeviceType:t},!0,!0)}_startResize(){this._state=j(this._adapter,this._state),this._adapter.emitHostEvent(i.events.RESIZE_START,this._state.startSize)}_endResize(){this._adapter.emitHostEvent(i.events.RESIZE_END,this._state.currentSize),this._adapter.updateParent({accessibility:this._state.startSize!==this._state.currentSize,cursor:!0}),this._state=G(this._state),this._tryAutoClose()}_tryOpenOrClose(t=!0,e=!1,r=!1){let a=t?i.events.WILL_OPEN:i.events.WILL_CLOSE,o={auto:e,userInitiated:r};this._adapter.emitHostEvent(a,o,!0,!0)&&(this._open=t,this._applyOpen(o))}_tryAutoClose(){let t=this._adapter.getContentSize(this._orientation);this._appliedAutoClose&&t<=this._appliedAutoCloseThreshold&&this._tryOpenOrClose(!1,!0,!1)}_getParentProperties(){let t=this._adapter.getParentProperty("disabled");this._parentProperties.disabled=t,this._applyParentDisabled();let e=this._adapter.getParentProperty("allowClose");this._parentProperties.allowClose=e;let r=this._adapter.getParentProperty("autoClose");this._parentProperties.autoClose=r,this._applyParentAutoClose();let a=this._adapter.getParentProperty("autoCloseThreshold");this._parentProperties.autoCloseThreshold=a,this._applyParentAutoCloseThreshold()}_applyOrientation(){this._adapter.setOrientation(this._orientation)}get resizable(){return this._resizable}set resizable(t){this._resizable!==t&&(this._resizable=t,this._applyResizable())}_applyResizable(){this._adapter.setHostAttribute(i.attributes.RESIZABLE,this._resizable),this._adapter.setResizable(this._resizable)}get size(){return this._size}set size(t){this._size.toString()!==t.toString()&&(this._size=t,this._applySize())}_applySize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._size,t);this._adapter.setHostAttribute(i.attributes.SIZE,this._size.toString()),this._adapter.setContentSize(e),window.requestAnimationFrame(()=>{let r=this._adapter.getAvailableSpace(this._orientation,this._resizable),a=m(this._pixelMax,r),o=y(e,this._pixelMin,a);this._adapter.setValuenow(o),this._adapter.updateParent({cursor:!0})})}get min(){return this._min}set min(t){this._min.toString()!==t.toString()&&(this._min=t,this._applyMin())}_applyMin(){this._adapter.setHostAttribute(i.attributes.MIN,this._min.toString());let t=this._adapter.getParentSize(this._orientation);if(this._pixelMin=b(this._min,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e<this._pixelMin&&this.setContentSize(e)}get max(){return this._max}set max(t){var e;((e=this._max)==null?void 0:e.toString())!==(t==null?void 0:t.toString())&&(this._max=t,this._applyMax())}_applyMax(){var r;if(this._adapter.toggleHostAttribute(i.attributes.MAX,this._max!==void 0,(r=this._max)==null?void 0:r.toString()),this._max===void 0){this._pixelMax=void 0;return}let t=this._adapter.getParentSize(this._orientation);if(this._pixelMax=b(this._max,t),this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation);e>this._pixelMax&&this.setContentSize(e)}get accessibleLabel(){return this._accessibleLabel}set accessibleLabel(t){this._accessibleLabel!==t&&(this._accessibleLabel=t,this._applyAccessibleLabel())}_applyAccessibleLabel(){this._adapter.setHostAttribute(i.attributes.ACCESSIBLE_LABEL,this._accessibleLabel),this._adapter.setAccessibleLabel(this._accessibleLabel)}get open(){return this._open}set open(t){if(this._open!==t){if(this._isInitialized){this._tryOpenOrClose(t,!1,!1);return}this._open=t;let e=this._isInitialized?{auto:!1,userInitiated:!1}:void 0;this._applyOpen(e)}}_applyOpen(t){this._adapter.setHostAttribute(i.attributes.OPEN,this._open.toString()),this._adapter.setOpen(this._open,this._isInitialized,t)}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){var t;this._adapter.toggleHostAttribute(i.attributes.DISABLED,(t=this._disabled)!=null?t:!1),this._adapter.setDisabled(this._appliedDisabled)}_applyParentDisabled(){this._isInitialized&&!p(this._disabled)&&this._adapter.setDisabled(this._appliedDisabled)}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){var t;this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,(t=this._allowClose)!=null?t:!1)}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,(t=this._autoClose)!=null?t:!1),this._isInitialized&&this._tryAutoClose()}_applyParentAutoClose(){this._isInitialized&&!p(this._autoClose)&&this._tryAutoClose()}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){var t;this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,p(this._autoCloseThreshold),(t=this.autoCloseThreshold)==null?void 0:t.toString()),this._isInitialized&&this._tryAutoClose()}_applyParentAutoCloseThreshold(){this._isInitialized&&!p(this._autoCloseThreshold)&&this._tryAutoClose()}getContentSize(){return this._adapter.getContentSize(this._orientation)}getCollapsibleSize(){let t=this._adapter.getParentSize(this._orientation),e=b(this._min,t);return this._adapter.getContentSize(this._orientation)-e}setContentSize(t){if(this._resizable==="off")return;let e=C(t,this._state);this._adapter.setContentSize(e),this._isInitialized&&this._adapter.emitHostEvent(i.events.RESIZE,e)}update(t){if(t.orientation&&(this._orientation=t.orientation,this._applyOrientation()),t.properties&&(p(t.properties.disabled)&&this._parentProperties.disabled!==t.properties.disabled&&(this._parentProperties.disabled=t.properties.disabled,this._applyDisabled()),p(t.properties.allowClose)&&(this._parentProperties.allowClose=t.properties.allowClose),p(t.properties.autoClose)&&this._parentProperties.autoClose!==t.properties.autoClose&&(this._parentProperties.autoClose=t.properties.autoClose,p(this._autoClose)||this._applyAutoClose()),p(t.properties.autoCloseThreshold)&&this._parentProperties.autoCloseThreshold!==t.properties.autoCloseThreshold&&(this._parentProperties.autoCloseThreshold=t.properties.autoCloseThreshold,p(this._autoCloseThreshold)||this._applyAutoCloseThreshold())),t.size&&this.open){let a=this._adapter.getParentSize(this._orientation);this._pixelMin=b(this._min,a),this._pixelMax=p(this._max)?b(this._max,a):void 0,this.setContentSize(this._adapter.getContentSize(this._orientation))}if(this._resizable==="off")return;let e=this._adapter.getContentSize(this._orientation),r=this._adapter.getAvailableSpace(this._orientation,this._resizable);if(t.accessibility&&this.open){let a=P(e,h(f({},this._state),{availableSpace:r}));this._adapter.setValuenow(a)}t.cursor&&te(this._adapter,e,h(f({},this._state),{availableSpace:r}))}};var be=`${z}split-view`,fe={ORIENTATION:"orientation",DISABLED:"disabled",ALLOW_CLOSE:"allow-close",AUTO_CLOSE:"auto-close",AUTO_CLOSE_THRESHOLD:"auto-close-threshold"},he={ROOT:"forge-split-view"},re={ROOT:"root"},_e={ROOT:`#${re.ROOT}`,PANEL:i.elementName},ve={RESIZE_THROTTLE_THRESHOLD:200},we={ANIMATING_LAYER:"--forge-split-view-animating-layer"},ae={elementName:be,attributes:fe,classes:he,ids:re,selectors:_e,numbers:ve,customCssProperties:we};var A=class extends K{constructor(e){super(e);this._root=_(e,i.selectors.ROOT),this._handle=_(e,i.selectors.HANDLE),this._icon=_(e,i.selectors.ICON),this._ripple=_(e,i.selectors.RIPPLE),this._content=_(e,i.selectors.CONTENT)}initialize(){let e=this._component.parentElement;(e==null?void 0:e.tagName.toLowerCase())===ae.elementName&&(this._parent=e)}tryRemoveOverlay(){var e;(e=this._overlay)==null||e.remove(),this._overlay=void 0}setPointerdownListener(e){this._handle.addEventListener("pointerdown",e)}setPointerupListener(e){document.addEventListener("pointerup",e)}removePointerupListener(e){document.removeEventListener("pointerup",e)}setPointermoveListener(e){document.addEventListener("pointermove",e)}removePointermoveListener(e){document.removeEventListener("pointermove",e)}setKeydownListener(e){this._handle.addEventListener("keydown",e)}setKeyupListener(e){this._handle.addEventListener("keyup",e)}removeKeyupListener(e){this._handle.removeEventListener("keyup",e)}getParentProperty(e){var r;return(r=this._parent)==null?void 0:r[e]}setAccessibleLabel(e){this._handle.setAttribute("aria-label",e)}setDisabled(e){this._root.classList.toggle(i.classes.DISABLED,e),this._handle&&(this._handle.setAttribute("tabindex",e?"-1":"0"),g(this._handle,e,"aria-disabled","true"))}setResizable(e){this._root.setAttribute(i.attributes.RESIZABLE,e.toString()),g(this._handle,e!=="off","aria-valuemin","0"),g(this._handle,e!=="off","aria-valuemax","100"),e!=="off"&&(this._handle.remove(),e==="end"?this._root.append(this._handle):this._root.prepend(this._handle))}setOrientation(e){this._root.setAttribute(i.attributes.ORIENTATION,e),this._handle.setAttribute("aria-orientation",e==="horizontal"?"vertical":"horizontal"),this._icon.setAttribute("name",ie(e))}setOpen(e,r=!0,a){var u,S;let o=()=>{var V,T;e||this._root.classList.add(i.classes.CLOSED),a&&this.emitHostEvent(e?i.events.DID_OPEN:i.events.DID_CLOSE,a),(V=this._parent)==null||V.unlayerSlottedPanels(),(T=this._parent)==null||T.update({accessibility:!0,cursor:!0})};if(e&&this._root.classList.contains(i.classes.CLOSED)){if(this._root.classList.remove(i.classes.CLOSED),!r){o();return}(u=this._parent)==null||u.layerSlottedPanels(this._component),k(this._root,i.classes.OPENING,!0).then(()=>{o()})}else if(!e&&!this._root.classList.contains(i.classes.CLOSED)){if(!r){o();return}(S=this._parent)==null||S.layerSlottedPanels(this._component),k(this._root,i.classes.CLOSING,!0).then(()=>{o()})}}setGrabbed(e){var r;this._root.classList.toggle(i.classes.GRABBED,e),this._handle.setAttribute("aria-grabbed",e.toString()),e?(this._overlay||(this._overlay=ne()),document.body.append(this._overlay)):(r=this._overlay)==null||r.remove()}setHandleCursor(e,r){e?this._root.style.setProperty(i.customCssProperties.CURSOR,O(e,r)):this._root.style.removeProperty(i.customCssProperties.CURSOR)}setBodyCursor(e,r){var a;(a=this._overlay)==null||a.style.setProperty("cursor",O(e,r))}getContentSize(e){return e==="horizontal"?this._content.clientWidth:this._content.clientHeight}setContentSize(e){this._component.style.setProperty(i.customCssProperties.SIZE,`${e}px`)}setValuenow(e){this._handle.setAttribute("aria-valuenow",e.toFixed(2))}focusHandle(){this._handle.focus()}getAvailableSpace(e,r){if(r==="off")return-1;let a=I(this._component);return a?a.getCollapsibleSize()+this.getContentSize(e):this.getParentSize(e)}getSiblingContentSize(){var r;let e=I(this._component);return(r=e==null?void 0:e.getContentSize())!=null?r:0}setSiblingContentSize(e){let r=I(this._component);r==null||r.setContentSize(e)}activateRipple(e){e?(this._ripple.deactivate(),window.setTimeout(()=>{this._ripple.activate()},i.numbers.RIPPLE_ACTIVATION_WAIT)):(this._ripple.activate(),this._ripple.deactivate())}deactivateRipple(){this._ripple.deactivate()}getParentSize(e){var a,o;let r=e==="horizontal"?(a=this._parent)==null?void 0:a.clientWidth:(o=this._parent)==null?void 0:o.clientHeight;return r!=null?r:0}updateParent(e){var r;(r=this._parent)==null||r.update(e)}};var Se='<template><div class="forge-split-view-panel" id="root" part="root"><div class="forge-split-view-panel__handle" id="handle" part="handle" role="separator" aria-controls="content" aria-grabbed="false" tabindex="0"><forge-icon class="forge-split-view-panel__icon" id="icon" part="icon"></forge-icon><forge-ripple id="ripple" part="ripple"></forge-ripple></div><div class="forge-split-view-panel__content" id="content" part="content" role="group"><slot></slot></div></div></template>',ge='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6ateim;animation-name:u6ateim;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6ateim{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u6ateim{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u6atej7;animation-name:u6atej7;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atej7{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u6atej7{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atejh;animation-name:u6atejh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atejh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u6atejh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u6atejm;animation-name:u6atejm;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atejm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u6atejm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atejz;animation-name:u6atejz;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atejz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u6atejz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u6atekl;animation-name:u6atekl;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atekl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u6atekl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atekp;animation-name:u6atekp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atekp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u6atekp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u6atel9;animation-name:u6atel9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atel9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u6atel9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}',s=class extends M{constructor(){super();W.define([Y,B]),D(this,Se,ge),this._foundation=new L(new A(this))}static get observedAttributes(){return[i.attributes.RESIZABLE,i.attributes.SIZE,i.attributes.MIN,i.attributes.MAX,i.attributes.ACCESSIBLE_LABEL,i.attributes.OPEN,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case i.attributes.RESIZABLE:this.resizable=a;break;case i.attributes.SIZE:this.size=a;break;case i.attributes.MIN:this.min=a;break;case i.attributes.MAX:a?this.max=a:this.max=void 0;break;case i.attributes.ACCESSIBLE_LABEL:this.accessibleLabel=a;break;case i.attributes.OPEN:this.open=w(a);break;case i.attributes.DISABLED:this.hasAttribute(e)?this.disabled=w(a):this.disabled=void 0;break;case i.attributes.ALLOW_CLOSE:this.hasAttribute(e)?this.allowClose=w(a):this.allowClose=void 0;break;case i.attributes.AUTO_CLOSE:this.hasAttribute(e)?this.autoClose=w(a):this.autoClose=void 0;break;case i.attributes.AUTO_CLOSE_THRESHOLD:a?this.autoCloseThreshold=R(a):this.autoCloseThreshold=void 0;break}}getContentSize(){return this._foundation.getContentSize()}getCollapsibleSize(){return this._foundation.getCollapsibleSize()}setContentSize(e){this._foundation.setContentSize(e)}update(e){this._foundation.update(e)}};l([d()],s.prototype,"resizable",2),l([d()],s.prototype,"size",2),l([d()],s.prototype,"min",2),l([d()],s.prototype,"max",2),l([d()],s.prototype,"accessibleLabel",2),l([d()],s.prototype,"open",2),l([d()],s.prototype,"disabled",2),l([d()],s.prototype,"allowClose",2),l([d()],s.prototype,"autoClose",2),l([d()],s.prototype,"autoCloseThreshold",2),s=l([H({name:i.elementName,dependencies:[X,Z]})],s);function yt(){N(s)}export{i as a,ce as b,$ as c,j as d,G as e,F as f,q as g,J as h,Q as i,ee as j,C as k,E as l,te as m,P as n,O as o,ie as p,I as q,me as r,b as s,ne as t,L as u,ae as v,A as w,s as x,yt as y};
7
+ //# sourceMappingURL=chunk.O47OSK6Z.js.map