@tylertech/forge 3.0.0-next.12 → 3.0.0-next.14

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 (828) hide show
  1. package/README.md +1 -6
  2. package/custom-elements.json +49089 -32080
  3. package/dist/esm/accordion/index.js +1 -1
  4. package/dist/esm/app-bar/app-bar/index.js +7 -0
  5. package/dist/esm/app-bar/app-bar/index.js.map +7 -0
  6. package/dist/esm/app-bar/help-button/index.js +1 -1
  7. package/dist/esm/app-bar/index.js +1 -1
  8. package/dist/esm/app-bar/menu-button/index.js +1 -1
  9. package/dist/esm/app-bar/notification-button/index.js +1 -1
  10. package/dist/esm/app-bar/profile-button/index.js +1 -1
  11. package/dist/esm/app-bar/search/index.js +1 -1
  12. package/dist/esm/autocomplete/index.js +1 -1
  13. package/dist/esm/avatar/index.js +1 -1
  14. package/dist/esm/backdrop/index.js +1 -1
  15. package/dist/esm/badge/index.js +1 -1
  16. package/dist/esm/banner/index.js +1 -1
  17. package/dist/esm/bottom-sheet/index.js +1 -1
  18. package/dist/esm/busy-indicator/index.js +1 -1
  19. package/dist/esm/button/index.js +1 -1
  20. package/dist/esm/button-area/index.js +1 -1
  21. package/dist/esm/button-toggle/button-toggle/index.js +1 -1
  22. package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
  23. package/dist/esm/button-toggle/index.js +1 -1
  24. package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
  25. package/dist/esm/calendar/calendar-menu/index.js +1 -1
  26. package/dist/esm/calendar/index.js +1 -1
  27. package/dist/esm/card/index.js +1 -1
  28. package/dist/esm/checkbox/index.js +1 -1
  29. package/dist/esm/chip-field/index.js +1 -1
  30. package/dist/esm/chips/chip/index.js +1 -1
  31. package/dist/esm/chips/chip-set/index.js +1 -1
  32. package/dist/esm/chips/index.js +1 -1
  33. package/dist/esm/chunks/{chunk.PLNLLKP2.js → chunk.26E4L52W.js} +2 -2
  34. package/dist/esm/chunks/chunk.2GJ54C3Q.js +7 -0
  35. package/dist/esm/chunks/chunk.2GJ54C3Q.js.map +7 -0
  36. package/dist/esm/chunks/chunk.2GYZM6ZG.js +7 -0
  37. package/dist/esm/chunks/chunk.2GYZM6ZG.js.map +7 -0
  38. package/dist/esm/chunks/chunk.2YDKRTKP.js +7 -0
  39. package/dist/esm/chunks/chunk.2YDKRTKP.js.map +7 -0
  40. package/dist/esm/chunks/chunk.3JCHXLPT.js +7 -0
  41. package/dist/esm/chunks/chunk.3JCHXLPT.js.map +7 -0
  42. package/{styles/icon-button/forge-icon-button.scss → dist/esm/chunks/chunk.3PKNBYMG.js} +1 -3
  43. package/dist/esm/chunks/chunk.3PKNBYMG.js.map +7 -0
  44. package/dist/esm/chunks/chunk.3RMBFRGC.js +7 -0
  45. package/dist/esm/chunks/chunk.3RMBFRGC.js.map +7 -0
  46. package/dist/esm/chunks/{chunk.AY43NTAK.js → chunk.3UO6S3IK.js} +2 -2
  47. package/dist/esm/chunks/chunk.3ZRQFXQU.js +7 -0
  48. package/dist/esm/chunks/{chunk.UZPZ6KUN.js.map → chunk.3ZRQFXQU.js.map} +2 -2
  49. package/dist/esm/chunks/{chunk.IXGXASHQ.js → chunk.4B5IOZAT.js} +2 -2
  50. package/dist/esm/chunks/{chunk.WK2L7BPJ.js → chunk.4QDN5PM6.js} +2 -2
  51. package/dist/esm/chunks/{chunk.YIFI5D2X.js → chunk.543K5Y4E.js} +2 -2
  52. package/dist/esm/chunks/{chunk.YIFI5D2X.js.map → chunk.543K5Y4E.js.map} +3 -3
  53. package/dist/esm/chunks/{chunk.C5ZUGOOC.js → chunk.57PXXJA6.js} +2 -2
  54. package/dist/esm/chunks/{chunk.C7VEJINB.js → chunk.5C24LZNU.js} +2 -2
  55. package/dist/esm/chunks/{chunk.C2MQN7MI.js → chunk.5H4G6BWX.js} +2 -2
  56. package/dist/esm/chunks/{chunk.CQQSOTZ5.js → chunk.5VHUMZYS.js} +2 -2
  57. package/dist/esm/chunks/chunk.6DXDNQUR.js +15 -0
  58. package/dist/esm/chunks/chunk.6DXDNQUR.js.map +7 -0
  59. package/dist/esm/chunks/chunk.6Q3SV2R2.js +7 -0
  60. package/dist/esm/chunks/chunk.6Q3SV2R2.js.map +7 -0
  61. package/dist/esm/chunks/chunk.6Y45DLA6.js +7 -0
  62. package/dist/esm/chunks/chunk.6Y45DLA6.js.map +7 -0
  63. package/dist/esm/chunks/{chunk.WJXDDQUK.js → chunk.7ABZUBTT.js} +2 -2
  64. package/dist/esm/chunks/{chunk.ZREXLSAJ.js → chunk.7BGOH44S.js} +2 -2
  65. package/dist/esm/chunks/{chunk.2WSXSOYB.js → chunk.7DHDFH5L.js} +2 -2
  66. package/dist/esm/chunks/{chunk.UVJFHSMF.js → chunk.7PP6QHOM.js} +2 -2
  67. package/dist/esm/chunks/chunk.7UXLLUTN.js +7 -0
  68. package/dist/esm/chunks/{chunk.CLD75EBJ.js → chunk.7W2UWAZX.js} +2 -2
  69. package/dist/esm/chunks/{chunk.CLD75EBJ.js.map → chunk.7W2UWAZX.js.map} +3 -3
  70. package/dist/esm/chunks/chunk.A72W7RW7.js +7 -0
  71. package/dist/esm/chunks/chunk.A72W7RW7.js.map +7 -0
  72. package/dist/esm/chunks/chunk.AEJGC4YG.js +7 -0
  73. package/dist/esm/chunks/chunk.AEJGC4YG.js.map +7 -0
  74. package/dist/esm/chunks/{chunk.NDJZYFRT.js → chunk.B46Q3AFP.js} +2 -2
  75. package/dist/esm/chunks/chunk.BFUGFHEH.js +7 -0
  76. package/dist/esm/chunks/{chunk.URFSXQKR.js.map → chunk.BFUGFHEH.js.map} +2 -2
  77. package/dist/esm/chunks/chunk.BLW6QESQ.js +12 -0
  78. package/dist/esm/chunks/chunk.BLW6QESQ.js.map +7 -0
  79. package/dist/esm/chunks/chunk.BMQYEYCT.js +7 -0
  80. package/dist/esm/chunks/chunk.BMQYEYCT.js.map +7 -0
  81. package/dist/esm/chunks/{chunk.EY37FYZ4.js → chunk.C5IB44HX.js} +2 -2
  82. package/dist/esm/chunks/chunk.CNRFOWHY.js +7 -0
  83. package/dist/esm/chunks/{chunk.YXXKPT6P.js.map → chunk.CNRFOWHY.js.map} +2 -2
  84. package/dist/esm/chunks/{chunk.6VSFLBZF.js → chunk.CTZ3AWDW.js} +2 -2
  85. package/dist/esm/chunks/{chunk.YA3RDJCV.js → chunk.CZOABXEQ.js} +2 -2
  86. package/dist/esm/chunks/{chunk.YA3RDJCV.js.map → chunk.CZOABXEQ.js.map} +2 -2
  87. package/dist/esm/chunks/chunk.DD35U4AA.js +7 -0
  88. package/dist/esm/chunks/{chunk.JCO4M4PF.js.map → chunk.DD35U4AA.js.map} +3 -3
  89. package/dist/esm/chunks/{chunk.HBCDD25D.js → chunk.DDXIHZFX.js} +2 -2
  90. package/dist/esm/chunks/{chunk.VDGJ4UDL.js → chunk.DOEG3DWJ.js} +2 -2
  91. package/dist/esm/chunks/{chunk.4USQ2AP6.js → chunk.DTKFE7YB.js} +2 -2
  92. package/dist/esm/chunks/{chunk.IJ2I25V3.js → chunk.E3GVKR4E.js} +2 -2
  93. package/dist/esm/chunks/chunk.EBSBAFCX.js +7 -0
  94. package/dist/esm/chunks/chunk.EBSBAFCX.js.map +7 -0
  95. package/dist/esm/chunks/{chunk.FK6NNHXH.js → chunk.F2EBSV5Z.js} +2 -2
  96. package/dist/esm/chunks/chunk.F6KM5FO6.js +7 -0
  97. package/dist/esm/chunks/chunk.F6KM5FO6.js.map +7 -0
  98. package/dist/esm/chunks/chunk.FB6ZLH6P.js +7 -0
  99. package/dist/esm/chunks/chunk.FB6ZLH6P.js.map +7 -0
  100. package/dist/esm/chunks/chunk.FQSL747N.js +7 -0
  101. package/dist/esm/chunks/chunk.FQSL747N.js.map +7 -0
  102. package/dist/esm/chunks/{chunk.RNUGVHZF.js → chunk.G2BNY5QQ.js} +2 -2
  103. package/dist/esm/chunks/{chunk.4JF54GDJ.js → chunk.GS72TBUD.js} +2 -2
  104. package/dist/esm/chunks/{chunk.AQ7ROWO4.js → chunk.GT3VPSXY.js} +2 -2
  105. package/dist/esm/chunks/{chunk.DABGA7I6.js → chunk.GWJ4QCSW.js} +2 -2
  106. package/dist/esm/chunks/chunk.H7GW57Q6.js +7 -0
  107. package/dist/esm/chunks/chunk.H7GW57Q6.js.map +7 -0
  108. package/dist/esm/chunks/{chunk.RXLORASN.js → chunk.HHHBS6FB.js} +2 -2
  109. package/dist/esm/chunks/chunk.I3NHK2S3.js +7 -0
  110. package/dist/esm/chunks/{chunk.HKSXC5VK.js → chunk.IEB5KRFQ.js} +2 -2
  111. package/dist/esm/chunks/chunk.IT66AOX7.js +7 -0
  112. package/dist/esm/chunks/chunk.IT66AOX7.js.map +7 -0
  113. package/dist/esm/chunks/chunk.IVUK3W34.js +7 -0
  114. package/dist/esm/chunks/{chunk.TSH7BTC3.js.map → chunk.IVUK3W34.js.map} +2 -2
  115. package/dist/esm/chunks/chunk.IW7HALLT.js +7 -0
  116. package/dist/esm/chunks/{chunk.U5XNDTSZ.js.map → chunk.IW7HALLT.js.map} +2 -2
  117. package/dist/esm/chunks/chunk.J2KHTGSB.js +7 -0
  118. package/dist/esm/chunks/chunk.J2KHTGSB.js.map +7 -0
  119. package/dist/esm/chunks/{chunk.OQAD6MFL.js → chunk.J3B5CWKT.js} +2 -2
  120. package/dist/esm/chunks/chunk.JAWV5Y5T.js +7 -0
  121. package/dist/esm/chunks/{chunk.I5SFCLDD.js.map → chunk.JAWV5Y5T.js.map} +3 -3
  122. package/dist/esm/chunks/chunk.JVK64JDZ.js +7 -0
  123. package/dist/esm/chunks/chunk.JVK64JDZ.js.map +7 -0
  124. package/dist/esm/chunks/chunk.KFDYMENL.js +7 -0
  125. package/dist/esm/chunks/chunk.KFDYMENL.js.map +7 -0
  126. package/dist/esm/chunks/{chunk.QNVVUUNQ.js → chunk.KLPF4CNX.js} +2 -2
  127. package/dist/esm/chunks/chunk.KTYYBWTN.js +7 -0
  128. package/dist/esm/chunks/chunk.KTYYBWTN.js.map +7 -0
  129. package/dist/esm/chunks/{chunk.66X366TV.js → chunk.L4Y4RO5O.js} +2 -2
  130. package/dist/esm/chunks/chunk.LCNR2RPT.js +7 -0
  131. package/dist/esm/chunks/chunk.LCNR2RPT.js.map +7 -0
  132. package/dist/esm/chunks/{chunk.RBFGJH3C.js → chunk.LMIKNDBS.js} +2 -2
  133. package/dist/esm/chunks/chunk.LOBKFTRM.js +7 -0
  134. package/dist/esm/chunks/chunk.LOBKFTRM.js.map +7 -0
  135. package/dist/esm/chunks/chunk.LS7WRRT2.js +7 -0
  136. package/dist/esm/chunks/chunk.LS7WRRT2.js.map +7 -0
  137. package/dist/esm/chunks/{chunk.R2KOYHIZ.js → chunk.LSNAGIIH.js} +2 -2
  138. package/dist/esm/chunks/chunk.LUIKMPQR.js +7 -0
  139. package/dist/esm/chunks/chunk.LUIKMPQR.js.map +7 -0
  140. package/dist/esm/chunks/{chunk.7M4HRJYP.js → chunk.LXX3YZYS.js} +2 -2
  141. package/dist/esm/chunks/chunk.MZZJY5NX.js +7 -0
  142. package/dist/esm/chunks/chunk.MZZJY5NX.js.map +7 -0
  143. package/dist/esm/chunks/{chunk.W7H2ZYNR.js → chunk.NG6UZ4OL.js} +2 -2
  144. package/dist/esm/chunks/chunk.NYYXUH3X.js +7 -0
  145. package/dist/esm/chunks/{chunk.DQVYB55P.js → chunk.NZKIFXBU.js} +2 -2
  146. package/dist/esm/chunks/{chunk.AHAARGYM.js → chunk.OED5UCYT.js} +2 -2
  147. package/dist/esm/chunks/{chunk.5ASOX23Q.js → chunk.OUACQISE.js} +2 -2
  148. package/dist/esm/chunks/{chunk.5ASOX23Q.js.map → chunk.OUACQISE.js.map} +1 -1
  149. package/dist/esm/chunks/chunk.OYO5O3NF.js +7 -0
  150. package/dist/esm/chunks/{chunk.7UJAI6P2.js → chunk.P7LC3YYW.js} +2 -2
  151. package/dist/esm/chunks/{chunk.Z6AFASMO.js → chunk.PK7R6WDF.js} +2 -2
  152. package/dist/esm/chunks/chunk.PQQVUUHU.js +7 -0
  153. package/dist/esm/chunks/{chunk.LNLO36U6.js.map → chunk.PQQVUUHU.js.map} +2 -2
  154. package/dist/esm/chunks/{chunk.WWTQAN4G.js → chunk.PSTGTQVK.js} +2 -2
  155. package/dist/esm/chunks/chunk.Q5Z6F3PI.js +7 -0
  156. package/dist/esm/chunks/chunk.Q5Z6F3PI.js.map +7 -0
  157. package/dist/esm/chunks/{chunk.OXGOCF4L.js → chunk.QFY23EWU.js} +2 -2
  158. package/dist/esm/chunks/{chunk.OXGOCF4L.js.map → chunk.QFY23EWU.js.map} +2 -2
  159. package/dist/esm/chunks/chunk.RCSBJQ4G.js +7 -0
  160. package/dist/esm/chunks/chunk.RCSBJQ4G.js.map +7 -0
  161. package/dist/esm/chunks/chunk.RDW7Z4W5.js +7 -0
  162. package/dist/esm/chunks/chunk.RDW7Z4W5.js.map +7 -0
  163. package/dist/esm/chunks/chunk.RYNQDXFA.js +7 -0
  164. package/dist/esm/chunks/{chunk.YP2NHWIW.js.map → chunk.RYNQDXFA.js.map} +2 -2
  165. package/dist/esm/chunks/{chunk.RWUJGZ3R.js → chunk.RZZBM3AW.js} +2 -2
  166. package/dist/esm/chunks/{chunk.37JFBP4X.js → chunk.SNF35Y6C.js} +2 -2
  167. package/dist/esm/chunks/chunk.SOLF23NC.js +7 -0
  168. package/dist/esm/chunks/chunk.SOLF23NC.js.map +7 -0
  169. package/dist/esm/chunks/chunk.T34DG7BU.js +7 -0
  170. package/dist/esm/chunks/chunk.TA3MVDUU.js +7 -0
  171. package/dist/esm/chunks/chunk.TA3MVDUU.js.map +7 -0
  172. package/dist/esm/chunks/{chunk.HDO3WRH7.js → chunk.THWSN3X4.js} +2 -2
  173. package/dist/esm/chunks/chunk.TLFCQSJN.js +7 -0
  174. package/dist/esm/chunks/chunk.TLFCQSJN.js.map +7 -0
  175. package/dist/esm/chunks/{chunk.E4TAHUQO.js → chunk.TZFUKJ24.js} +2 -2
  176. package/dist/esm/chunks/{chunk.SEWAMWO6.js → chunk.U5WMRBSC.js} +2 -2
  177. package/dist/esm/chunks/chunk.URCJO73M.js +7 -0
  178. package/dist/esm/chunks/chunk.URCJO73M.js.map +7 -0
  179. package/dist/esm/chunks/{chunk.PDSOXEMY.js → chunk.UWZWXNTW.js} +2 -2
  180. package/dist/esm/chunks/chunk.VD5ZL5ZN.js +7 -0
  181. package/dist/esm/chunks/{chunk.OQ75YGB6.js.map → chunk.VD5ZL5ZN.js.map} +2 -2
  182. package/dist/esm/chunks/chunk.VDZ7HBKM.js +7 -0
  183. package/dist/esm/chunks/chunk.VDZ7HBKM.js.map +7 -0
  184. package/dist/esm/chunks/{chunk.CBIHNCT5.js → chunk.W324TWF2.js} +2 -2
  185. package/dist/esm/chunks/chunk.WQGPIOL6.js +7 -0
  186. package/dist/esm/chunks/chunk.WQGPIOL6.js.map +7 -0
  187. package/dist/esm/chunks/chunk.XDANTL6C.js +7 -0
  188. package/dist/esm/chunks/chunk.XDANTL6C.js.map +7 -0
  189. package/dist/esm/chunks/chunk.XNCBGWE4.js +7 -0
  190. package/dist/esm/chunks/chunk.XNCBGWE4.js.map +7 -0
  191. package/dist/esm/chunks/{chunk.ZYVXIP42.js → chunk.YKZ25J6B.js} +2 -2
  192. package/dist/esm/chunks/chunk.Z2RB75TN.js +7 -0
  193. package/dist/esm/chunks/chunk.Z2RB75TN.js.map +7 -0
  194. package/dist/esm/chunks/chunk.Z7PBGV4K.js +7 -0
  195. package/dist/esm/chunks/{chunk.TCFKFKZW.js.map → chunk.Z7PBGV4K.js.map} +4 -4
  196. package/dist/esm/chunks/{chunk.R6NA7SV2.js → chunk.ZSD7MMVB.js} +2 -2
  197. package/dist/esm/chunks/chunk.ZSZFWZAI.js +7 -0
  198. package/dist/esm/chunks/chunk.ZSZFWZAI.js.map +7 -0
  199. package/dist/esm/chunks/chunk.ZVJMIBUM.js +7 -0
  200. package/dist/esm/chunks/chunk.ZVJMIBUM.js.map +7 -0
  201. package/dist/esm/circular-progress/index.js +1 -1
  202. package/dist/esm/color-picker/index.js +1 -1
  203. package/dist/esm/core/base/index.js +1 -1
  204. package/dist/esm/core/index.js +1 -1
  205. package/dist/esm/core/utils/index.js +1 -1
  206. package/dist/esm/date-picker/index.js +1 -1
  207. package/dist/esm/date-range-picker/index.js +1 -1
  208. package/dist/esm/dialog/index.js +1 -1
  209. package/dist/esm/divider/index.js +1 -1
  210. package/dist/esm/drawer/base/index.js +1 -1
  211. package/dist/esm/drawer/drawer/index.js +1 -1
  212. package/dist/esm/drawer/index.js +1 -1
  213. package/dist/esm/drawer/mini-drawer/index.js +1 -1
  214. package/dist/esm/drawer/modal-drawer/index.js +1 -1
  215. package/dist/esm/expansion-panel/index.js +1 -1
  216. package/dist/esm/file-picker/index.js +1 -1
  217. package/dist/esm/floating-action-button/index.js +1 -1
  218. package/dist/esm/focus-indicator/index.js +1 -1
  219. package/dist/esm/icon/index.js +1 -1
  220. package/dist/esm/icon-button/index.js +1 -1
  221. package/dist/esm/index.js +1 -1
  222. package/dist/esm/inline-message/index.js +1 -1
  223. package/dist/esm/keyboard-shortcut/index.js +1 -1
  224. package/dist/esm/label/index.js +7 -0
  225. package/dist/esm/label/index.js.map +7 -0
  226. package/dist/esm/label-value/index.js +1 -1
  227. package/dist/esm/linear-progress/index.js +1 -1
  228. package/dist/esm/list/index.js +1 -1
  229. package/dist/esm/list/list/index.js +1 -1
  230. package/dist/esm/list/list-item/index.js +1 -1
  231. package/dist/esm/list-dropdown/index.js +1 -1
  232. package/dist/esm/menu/index.js +1 -1
  233. package/dist/esm/open-icon/index.js +1 -1
  234. package/dist/esm/page-state/index.js +1 -1
  235. package/dist/esm/paginator/index.js +1 -1
  236. package/dist/esm/popup/index.js +1 -1
  237. package/dist/esm/product-icon/index.js +1 -1
  238. package/dist/esm/profile-card/index.js +1 -1
  239. package/dist/esm/quantity-field/index.js +1 -1
  240. package/dist/esm/radio/index.js +1 -1
  241. package/dist/esm/ripple/index.js +1 -1
  242. package/dist/esm/scaffold/index.js +1 -1
  243. package/dist/esm/select/core/index.js +1 -1
  244. package/dist/esm/select/index.js +1 -1
  245. package/dist/esm/select/option/index.js +1 -1
  246. package/dist/esm/select/option-group/index.js +1 -1
  247. package/dist/esm/select/select/index.js +1 -1
  248. package/dist/esm/select/select-dropdown/index.js +1 -1
  249. package/dist/esm/skeleton/index.js +1 -1
  250. package/dist/esm/slider/index.js +1 -1
  251. package/dist/esm/split-button/index.js +7 -0
  252. package/dist/esm/split-button/index.js.map +7 -0
  253. package/dist/esm/split-view/index.js +1 -1
  254. package/dist/esm/split-view/split-view/index.js +1 -1
  255. package/dist/esm/split-view/split-view-panel/index.js +1 -1
  256. package/dist/esm/stack/index.js +1 -1
  257. package/dist/esm/state-layer/index.js +1 -1
  258. package/dist/esm/stepper/index.js +1 -1
  259. package/dist/esm/stepper/step/index.js +1 -1
  260. package/dist/esm/stepper/stepper/index.js +1 -1
  261. package/dist/esm/switch/index.js +1 -1
  262. package/dist/esm/table/index.js +1 -1
  263. package/dist/esm/tabs/index.js +1 -1
  264. package/dist/esm/tabs/tab/index.js +1 -1
  265. package/dist/esm/tabs/tab-bar/index.js +1 -1
  266. package/dist/esm/text-field/index.js +1 -1
  267. package/dist/esm/time-picker/index.js +1 -1
  268. package/dist/esm/toast/index.js +1 -1
  269. package/dist/esm/toolbar/index.js +1 -1
  270. package/dist/esm/tooltip/index.js +1 -1
  271. package/dist/esm/view-switcher/index.js +1 -1
  272. package/dist/esm/view-switcher/view/index.js +1 -1
  273. package/dist/forge-dark.css +1 -1
  274. package/dist/forge.css +1 -1
  275. package/dist/table/forge-table.css +1 -1
  276. package/dist/theme/forge-theme.css +1 -1
  277. package/dist/typography/forge-typography.css +1 -1
  278. package/esm/app-bar/app-bar/app-bar-adapter.d.ts +30 -0
  279. package/esm/app-bar/app-bar/app-bar-adapter.js +71 -0
  280. package/esm/app-bar/{app-bar-constants.d.ts → app-bar/app-bar-constants.d.ts} +7 -11
  281. package/esm/app-bar/app-bar/app-bar-constants.js +32 -0
  282. package/esm/app-bar/{app-bar-foundation.d.ts → app-bar/app-bar-foundation.d.ts} +17 -16
  283. package/esm/app-bar/app-bar/app-bar-foundation.js +71 -0
  284. package/esm/app-bar/app-bar/app-bar.d.ts +66 -0
  285. package/esm/app-bar/app-bar/app-bar.js +107 -0
  286. package/esm/app-bar/app-bar/index.d.ts +10 -0
  287. package/esm/app-bar/app-bar/index.js +14 -0
  288. package/esm/app-bar/help-button/app-bar-help-button-adapter.d.ts +8 -1
  289. package/esm/app-bar/help-button/app-bar-help-button-adapter.js +22 -1
  290. package/esm/app-bar/help-button/app-bar-help-button-constants.d.ts +7 -0
  291. package/esm/app-bar/help-button/app-bar-help-button-constants.js +11 -1
  292. package/esm/app-bar/help-button/app-bar-help-button-foundation.d.ts +4 -0
  293. package/esm/app-bar/help-button/app-bar-help-button-foundation.js +16 -0
  294. package/esm/app-bar/help-button/app-bar-help-button.d.ts +13 -2
  295. package/esm/app-bar/help-button/app-bar-help-button.js +27 -6
  296. package/esm/app-bar/index.d.ts +0 -4
  297. package/esm/app-bar/index.js +0 -8
  298. package/esm/app-bar/menu-button/app-bar-menu-button-constants.d.ts +7 -0
  299. package/esm/app-bar/menu-button/app-bar-menu-button-constants.js +9 -1
  300. package/esm/app-bar/menu-button/app-bar-menu-button.d.ts +19 -2
  301. package/esm/app-bar/menu-button/app-bar-menu-button.js +57 -8
  302. package/esm/app-bar/notification-button/app-bar-notification-button-adapter.d.ts +6 -2
  303. package/esm/app-bar/notification-button/app-bar-notification-button-adapter.js +17 -1
  304. package/esm/app-bar/notification-button/app-bar-notification-button-constants.d.ts +1 -0
  305. package/esm/app-bar/notification-button/app-bar-notification-button-constants.js +3 -1
  306. package/esm/app-bar/notification-button/app-bar-notification-button-foundation.d.ts +4 -4
  307. package/esm/app-bar/notification-button/app-bar-notification-button-foundation.js +9 -11
  308. package/esm/app-bar/notification-button/app-bar-notification-button.d.ts +17 -4
  309. package/esm/app-bar/notification-button/app-bar-notification-button.js +20 -5
  310. package/esm/app-bar/profile-button/app-bar-profile-button-adapter.d.ts +7 -1
  311. package/esm/app-bar/profile-button/app-bar-profile-button-adapter.js +26 -3
  312. package/esm/app-bar/profile-button/app-bar-profile-button-constants.d.ts +1 -3
  313. package/esm/app-bar/profile-button/app-bar-profile-button-constants.js +2 -4
  314. package/esm/app-bar/profile-button/app-bar-profile-button-foundation.d.ts +5 -2
  315. package/esm/app-bar/profile-button/app-bar-profile-button-foundation.js +20 -22
  316. package/esm/app-bar/profile-button/app-bar-profile-button.d.ts +31 -2
  317. package/esm/app-bar/profile-button/app-bar-profile-button.js +33 -6
  318. package/esm/autocomplete/autocomplete-foundation.js +2 -2
  319. package/esm/banner/banner-constants.js +1 -1
  320. package/esm/banner/banner.js +2 -2
  321. package/esm/bottom-sheet/bottom-sheet.js +1 -1
  322. package/esm/busy-indicator/busy-indicator.js +2 -2
  323. package/esm/button/base/base-button-adapter.d.ts +68 -0
  324. package/esm/button/base/base-button-adapter.js +238 -0
  325. package/esm/button/base/base-button-constants.d.ts +44 -0
  326. package/esm/button/base/base-button-constants.js +32 -0
  327. package/esm/button/base/base-button-foundation.d.ts +74 -0
  328. package/esm/button/base/base-button-foundation.js +240 -0
  329. package/esm/button/base/base-button.d.ts +53 -0
  330. package/esm/button/base/base-button.js +112 -0
  331. package/esm/button/button-adapter.d.ts +14 -0
  332. package/esm/button/button-adapter.js +14 -0
  333. package/esm/button/button-component-delegate.d.ts +4 -4
  334. package/esm/button/button-component-delegate.js +13 -17
  335. package/esm/button/button-constants.d.ts +10 -18
  336. package/esm/button/button-constants.js +6 -22
  337. package/esm/button/button-foundation.d.ts +25 -0
  338. package/esm/button/button-foundation.js +49 -0
  339. package/esm/button/button.d.ts +126 -30
  340. package/esm/button/button.js +158 -159
  341. package/esm/button/index.d.ts +3 -1
  342. package/esm/button/index.js +3 -1
  343. package/esm/button-toggle/button-toggle/button-toggle.js +1 -1
  344. package/esm/calendar/calendar-dom-utils.js +18 -30
  345. package/esm/calendar/calendar.js +1 -1
  346. package/esm/checkbox/checkbox-adapter.d.ts +50 -59
  347. package/esm/checkbox/checkbox-adapter.js +104 -186
  348. package/esm/checkbox/checkbox-component-delegate.d.ts +18 -9
  349. package/esm/checkbox/checkbox-component-delegate.js +58 -51
  350. package/esm/checkbox/checkbox-constants.d.ts +14 -56
  351. package/esm/checkbox/checkbox-constants.js +17 -50
  352. package/esm/checkbox/checkbox-foundation.d.ts +48 -18
  353. package/esm/checkbox/checkbox-foundation.js +139 -139
  354. package/esm/checkbox/checkbox.d.ts +120 -9
  355. package/esm/checkbox/checkbox.js +235 -36
  356. package/esm/checkbox/index.d.ts +1 -1
  357. package/esm/checkbox/index.js +1 -1
  358. package/esm/chip-field/chip-field-constants.d.ts +3 -0
  359. package/esm/chip-field/chip-field-constants.js +4 -0
  360. package/esm/chip-field/chip-field-foundation.d.ts +5 -0
  361. package/esm/chip-field/chip-field-foundation.js +20 -1
  362. package/esm/chip-field/chip-field.d.ts +5 -0
  363. package/esm/chip-field/chip-field.js +19 -1
  364. package/esm/chips/chip/chip.js +1 -1
  365. package/esm/circular-progress/circular-progress-adapter.d.ts +2 -2
  366. package/esm/circular-progress/circular-progress-adapter.js +15 -6
  367. package/esm/circular-progress/circular-progress-constants.d.ts +4 -1
  368. package/esm/circular-progress/circular-progress-constants.js +2 -1
  369. package/esm/circular-progress/circular-progress-foundation.d.ts +9 -1
  370. package/esm/circular-progress/circular-progress-foundation.js +21 -2
  371. package/esm/circular-progress/circular-progress.d.ts +15 -3
  372. package/esm/circular-progress/circular-progress.js +25 -8
  373. package/esm/color-picker/color-picker.js +2 -2
  374. package/esm/constants.d.ts +16 -0
  375. package/esm/constants.js +4 -0
  376. package/esm/core/base/base-adapter.d.ts +13 -1
  377. package/esm/core/base/base-adapter.js +17 -0
  378. package/esm/core/base/base-component.d.ts +0 -38
  379. package/esm/core/base/base-component.js +0 -4
  380. package/esm/core/base/base-focusable-component.d.ts +49 -0
  381. package/esm/core/base/base-focusable-component.js +90 -0
  382. package/esm/core/base/base-form-component.d.ts +45 -0
  383. package/esm/core/base/base-form-component.js +19 -0
  384. package/esm/core/base/base-nullable-form-component.d.ts +35 -0
  385. package/esm/core/base/base-nullable-form-component.js +20 -0
  386. package/esm/core/utils/feature-detection.d.ts +10 -0
  387. package/esm/core/utils/feature-detection.js +12 -0
  388. package/esm/core/utils/index.d.ts +2 -1
  389. package/esm/core/utils/index.js +2 -1
  390. package/esm/core/utils/reflect-utils.d.ts +107 -0
  391. package/esm/core/utils/reflect-utils.js +227 -0
  392. package/esm/core/utils/utils.d.ts +1 -1
  393. package/esm/date-picker/base/base-date-picker-utils.js +5 -8
  394. package/esm/field/field-constants.d.ts +8 -0
  395. package/esm/field/field-constants.js +10 -8
  396. package/esm/file-picker/file-picker-component-delegate.js +1 -1
  397. package/esm/file-picker/file-picker.js +1 -1
  398. package/esm/floating-action-button/floating-action-button-adapter.d.ts +20 -0
  399. package/esm/floating-action-button/floating-action-button-adapter.js +49 -0
  400. package/esm/floating-action-button/floating-action-button-component-delegate.d.ts +19 -3
  401. package/esm/floating-action-button/floating-action-button-component-delegate.js +62 -14
  402. package/esm/floating-action-button/floating-action-button-constants.d.ts +19 -14
  403. package/esm/floating-action-button/floating-action-button-constants.js +15 -15
  404. package/esm/floating-action-button/floating-action-button-foundation.d.ts +27 -0
  405. package/esm/floating-action-button/floating-action-button-foundation.js +48 -0
  406. package/esm/floating-action-button/floating-action-button.d.ts +86 -25
  407. package/esm/floating-action-button/floating-action-button.js +117 -104
  408. package/esm/floating-action-button/index.d.ts +3 -1
  409. package/esm/floating-action-button/index.js +5 -3
  410. package/esm/focus-indicator/focus-indicator-adapter.d.ts +2 -2
  411. package/esm/focus-indicator/focus-indicator-adapter.js +3 -3
  412. package/esm/focus-indicator/focus-indicator-foundation.js +3 -2
  413. package/esm/focus-indicator/focus-indicator.js +2 -2
  414. package/esm/icon-button/icon-button-adapter.d.ts +12 -0
  415. package/esm/icon-button/icon-button-adapter.js +11 -0
  416. package/esm/icon-button/icon-button-component-delegate.d.ts +0 -4
  417. package/esm/icon-button/icon-button-component-delegate.js +8 -18
  418. package/esm/icon-button/icon-button-constants.d.ts +26 -17
  419. package/esm/icon-button/icon-button-constants.js +17 -28
  420. package/esm/icon-button/icon-button-foundation.d.ts +39 -0
  421. package/esm/icon-button/icon-button-foundation.js +122 -0
  422. package/esm/icon-button/icon-button.d.ts +120 -41
  423. package/esm/icon-button/icon-button.js +156 -213
  424. package/esm/icon-button/index.d.ts +3 -1
  425. package/esm/icon-button/index.js +3 -1
  426. package/esm/index.d.ts +2 -0
  427. package/esm/index.js +6 -2
  428. package/esm/label/index.d.ts +11 -0
  429. package/esm/label/index.js +15 -0
  430. package/esm/label/label-adapter.d.ts +51 -0
  431. package/esm/label/label-adapter.js +102 -0
  432. package/esm/label/label-aware.d.ts +15 -0
  433. package/esm/label/label-aware.js +13 -0
  434. package/esm/label/label-constants.d.ts +17 -0
  435. package/esm/label/label-constants.js +31 -0
  436. package/esm/label/label-foundation.d.ts +40 -0
  437. package/esm/label/label-foundation.js +108 -0
  438. package/esm/label/label.d.ts +49 -0
  439. package/esm/label/label.js +80 -0
  440. package/esm/linear-progress/linear-progress-adapter.d.ts +2 -2
  441. package/esm/linear-progress/linear-progress-adapter.js +14 -6
  442. package/esm/linear-progress/linear-progress-constants.d.ts +3 -1
  443. package/esm/linear-progress/linear-progress-constants.js +1 -1
  444. package/esm/linear-progress/linear-progress-foundation.d.ts +6 -1
  445. package/esm/linear-progress/linear-progress-foundation.js +15 -5
  446. package/esm/linear-progress/linear-progress.d.ts +9 -2
  447. package/esm/linear-progress/linear-progress.js +16 -7
  448. package/esm/list/list/list-adapter.js +0 -1
  449. package/esm/list/list/list.js +1 -1
  450. package/esm/list/list-item/list-item-adapter.d.ts +12 -4
  451. package/esm/list/list-item/list-item-adapter.js +36 -5
  452. package/esm/list/list-item/list-item-constants.d.ts +4 -0
  453. package/esm/list/list-item/list-item-constants.js +3 -1
  454. package/esm/list/list-item/list-item-foundation.d.ts +9 -0
  455. package/esm/list/list-item/list-item-foundation.js +34 -4
  456. package/esm/list/list-item/list-item.d.ts +15 -4
  457. package/esm/list/list-item/list-item.js +29 -6
  458. package/esm/menu/menu-constants.js +1 -1
  459. package/esm/menu/menu-foundation.js +0 -4
  460. package/esm/menu/menu.js +1 -1
  461. package/esm/paginator/paginator-adapter.d.ts +4 -2
  462. package/esm/paginator/paginator-adapter.js +21 -8
  463. package/esm/paginator/paginator-constants.js +4 -4
  464. package/esm/paginator/paginator-foundation.d.ts +2 -0
  465. package/esm/paginator/paginator-foundation.js +19 -16
  466. package/esm/paginator/paginator.d.ts +1 -0
  467. package/esm/paginator/paginator.js +5 -2
  468. package/esm/profile-card/profile-card-adapter.d.ts +5 -8
  469. package/esm/profile-card/profile-card-adapter.js +5 -16
  470. package/esm/profile-card/profile-card-constants.js +3 -3
  471. package/esm/profile-card/profile-card-foundation.d.ts +4 -1
  472. package/esm/profile-card/profile-card-foundation.js +24 -13
  473. package/esm/profile-card/profile-card.d.ts +1 -2
  474. package/esm/profile-card/profile-card.js +11 -8
  475. package/esm/quantity-field/quantity-field-constants.js +2 -2
  476. package/esm/select/core/base-select-foundation.js +3 -1
  477. package/esm/slider/slider-adapter.d.ts +1 -1
  478. package/esm/slider/slider-adapter.js +3 -2
  479. package/esm/slider/slider-constants.js +3 -3
  480. package/esm/slider/slider.d.ts +6 -11
  481. package/esm/slider/slider.js +11 -7
  482. package/esm/split-button/index.d.ts +10 -0
  483. package/esm/split-button/index.js +14 -0
  484. package/esm/split-button/split-button-adapter.d.ts +30 -0
  485. package/esm/split-button/split-button-adapter.js +84 -0
  486. package/esm/split-button/split-button-constants.d.ts +21 -0
  487. package/esm/split-button/split-button-constants.js +23 -0
  488. package/esm/split-button/split-button-foundation.d.ts +37 -0
  489. package/esm/split-button/split-button-foundation.js +77 -0
  490. package/esm/split-button/split-button.d.ts +57 -0
  491. package/esm/split-button/split-button.js +103 -0
  492. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  493. package/esm/state-layer/state-layer-adapter.js +1 -0
  494. package/esm/state-layer/state-layer-foundation.js +10 -1
  495. package/esm/state-layer/state-layer.js +1 -1
  496. package/esm/stepper/stepper/stepper-foundation.js +1 -1
  497. package/esm/switch/index.d.ts +2 -0
  498. package/esm/switch/index.js +2 -0
  499. package/esm/switch/switch-adapter.d.ts +30 -4
  500. package/esm/switch/switch-adapter.js +100 -18
  501. package/esm/switch/switch-component-delegate.d.ts +22 -7
  502. package/esm/switch/switch-component-delegate.js +63 -28
  503. package/esm/switch/switch-constants.d.ts +12 -2
  504. package/esm/switch/switch-constants.js +22 -11
  505. package/esm/switch/switch-foundation.d.ts +23 -4
  506. package/esm/switch/switch-foundation.js +63 -11
  507. package/esm/switch/switch.d.ts +28 -16
  508. package/esm/switch/switch.js +65 -36
  509. package/esm/table/table-foundation.d.ts +2 -0
  510. package/esm/table/table-foundation.js +17 -6
  511. package/esm/table/table-utils.js +13 -1
  512. package/esm/table/types.d.ts +1 -0
  513. package/esm/tabs/tab/tab.js +2 -2
  514. package/esm/tabs/tab-bar/tab-bar-adapter.js +17 -20
  515. package/esm/tabs/tab-bar/tab-bar.js +1 -1
  516. package/esm/time-picker/time-picker-adapter.js +5 -8
  517. package/esm/toast/toast-adapter.d.ts +1 -1
  518. package/esm/toast/toast-adapter.js +1 -1
  519. package/esm/toast/toast.js +2 -2
  520. package/esm/toolbar/toolbar.js +1 -1
  521. package/package.json +1 -3
  522. package/styles/app-bar/app-bar/_configuration.scss +16 -0
  523. package/styles/app-bar/app-bar/_core.scss +95 -0
  524. package/styles/app-bar/app-bar/_token-utils.scss +30 -0
  525. package/styles/app-bar/app-bar/app-bar.scss +142 -0
  526. package/styles/app-bar/app-bar/index.scss +8 -0
  527. package/styles/banner/banner.scss +0 -1
  528. package/styles/bottom-sheet/bottom-sheet.scss +0 -1
  529. package/styles/busy-indicator/_mixins.scss +1 -1
  530. package/styles/busy-indicator/busy-indicator.scss +0 -1
  531. package/styles/button/_configuration.scss +16 -0
  532. package/styles/button/_core.scss +183 -0
  533. package/styles/button/_token-utils.scss +30 -0
  534. package/styles/button/button.scss +221 -0
  535. package/styles/button/index.scss +8 -0
  536. package/styles/button-toggle/button-toggle/_mixins.scss +26 -7
  537. package/styles/calendar/calendar.scss +0 -4
  538. package/styles/{button/forge-button.scss → checkbox/_configuration.scss} +4 -3
  539. package/styles/checkbox/_core.scss +157 -0
  540. package/styles/checkbox/_token-utils.scss +30 -0
  541. package/styles/checkbox/checkbox.scss +143 -7
  542. package/styles/checkbox/index.scss +8 -0
  543. package/styles/chips/chip/_mixins.scss +21 -7
  544. package/styles/circular-progress/_configuration.scss +8 -15
  545. package/styles/circular-progress/_core.scss +21 -19
  546. package/styles/circular-progress/_token-utils.scss +30 -0
  547. package/styles/circular-progress/circular-progress.scss +51 -4
  548. package/styles/circular-progress/index.scss +1 -0
  549. package/styles/color-picker/color-picker.scss +0 -3
  550. package/styles/core/styles/_utils.scss +67 -4
  551. package/styles/core/styles/elevation/index.scss +10 -0
  552. package/styles/core/styles/spacing/index.scss +8 -1
  553. package/styles/core/styles/theme/index.scss +2 -0
  554. package/styles/core/styles/tokens/_token-utils.scss +118 -0
  555. package/styles/core/styles/tokens/app-bar/app-bar/_tokens.scss +35 -0
  556. package/styles/core/styles/tokens/button/_tokens.scss +115 -0
  557. package/styles/core/styles/tokens/checkbox/_tokens.scss +69 -0
  558. package/styles/core/styles/tokens/circular-progress/_tokens.scss +14 -3
  559. package/styles/core/styles/tokens/floating-action-button/_tokens.scss +66 -0
  560. package/styles/core/styles/tokens/focus-indicator/_tokens.scss +8 -5
  561. package/styles/core/styles/tokens/icon-button/_tokens.scss +106 -0
  562. package/styles/core/styles/tokens/index.scss +0 -1
  563. package/styles/core/styles/tokens/linear-progress/_tokens.scss +14 -3
  564. package/styles/core/styles/tokens/profile-card/_tokens.scss +19 -0
  565. package/styles/core/styles/tokens/shape/_tokens.scss +6 -0
  566. package/styles/core/styles/tokens/spacing/_tokens.scss +17 -1
  567. package/styles/core/styles/tokens/split-button/_tokens.scss +21 -0
  568. package/styles/core/styles/tokens/switch/_tokens.scss +4 -4
  569. package/styles/core/styles/tokens/tabs/tab/_tokens.scss +1 -1
  570. package/styles/core/styles/tokens/tabs/tab-bar/_tokens.scss +2 -2
  571. package/styles/core/styles/tokens/theme/_token-utils.scss +9 -5
  572. package/styles/core/styles/tokens/theme/_tokens.brand.scss +22 -0
  573. package/styles/core/styles/tokens/theme/_tokens.scss +3 -0
  574. package/styles/core/styles/tokens/typography/_tokens.label.scss +0 -1
  575. package/styles/core/styles/typography/index.scss +26 -1
  576. package/styles/file-picker/_mixins.scss +1 -1
  577. package/styles/floating-action-button/_configuration.scss +16 -0
  578. package/styles/floating-action-button/_core.scss +103 -0
  579. package/styles/floating-action-button/_token-utils.scss +30 -0
  580. package/styles/floating-action-button/floating-action-button.scss +129 -0
  581. package/styles/floating-action-button/index.scss +8 -0
  582. package/styles/focus-indicator/_animations.scss +6 -4
  583. package/styles/focus-indicator/_configuration.scss +2 -15
  584. package/styles/focus-indicator/_core.scss +20 -25
  585. package/styles/focus-indicator/_token-utils.scss +31 -0
  586. package/styles/focus-indicator/focus-indicator.scss +26 -21
  587. package/styles/focus-indicator/index.scss +1 -0
  588. package/styles/forge.scss +0 -3
  589. package/styles/icon-button/_configuration.scss +16 -0
  590. package/styles/icon-button/_core.scss +141 -0
  591. package/styles/icon-button/_token-utils.scss +30 -0
  592. package/styles/icon-button/icon-button.scss +349 -0
  593. package/styles/icon-button/index.scss +8 -0
  594. package/styles/label/_core.scss +17 -0
  595. package/styles/label/index.scss +6 -0
  596. package/styles/label/label.scss +18 -0
  597. package/styles/linear-progress/_animations.scss +3 -1
  598. package/styles/linear-progress/_configuration.scss +15 -16
  599. package/styles/linear-progress/_core.scss +17 -19
  600. package/styles/linear-progress/_token-utils.scss +31 -0
  601. package/styles/linear-progress/index.scss +1 -0
  602. package/styles/linear-progress/linear-progress.scss +42 -6
  603. package/styles/list/list/_configuration.scss +2 -4
  604. package/styles/list/list/_core.scss +3 -8
  605. package/styles/list/list/_token-utils.scss +30 -0
  606. package/styles/list/list/index.scss +1 -0
  607. package/styles/list/list/list.scss +11 -0
  608. package/styles/list/list-item/_configuration.scss +5 -61
  609. package/styles/list/list-item/_core.scss +51 -56
  610. package/styles/list/list-item/_token-utils.scss +30 -0
  611. package/styles/list/list-item/index.scss +1 -0
  612. package/styles/list/list-item/list-item.scss +12 -3
  613. package/styles/menu/menu.scss +1 -1
  614. package/styles/paginator/paginator.scss +0 -1
  615. package/styles/profile-card/_configuration.scss +10 -0
  616. package/styles/profile-card/_core.scss +58 -0
  617. package/styles/profile-card/_token-utils.scss +30 -0
  618. package/styles/profile-card/index.scss +8 -0
  619. package/styles/profile-card/profile-card.scss +55 -7
  620. package/styles/slider/_configuration.scss +5 -50
  621. package/styles/slider/_core.scss +58 -63
  622. package/styles/slider/_token-utils.scss +30 -0
  623. package/styles/slider/index.scss +1 -0
  624. package/styles/slider/slider.scss +26 -3
  625. package/styles/split-button/_configuration.scss +12 -0
  626. package/styles/split-button/_token-utils.scss +30 -0
  627. package/styles/split-button/index.scss +7 -0
  628. package/styles/split-button/split-button.scss +97 -0
  629. package/styles/state-layer/_configuration.scss +2 -9
  630. package/styles/state-layer/_core.scss +11 -16
  631. package/styles/state-layer/_token-utils.scss +31 -0
  632. package/styles/state-layer/index.scss +1 -0
  633. package/styles/state-layer/state-layer.scss +7 -0
  634. package/styles/switch/_configuration.scss +2 -87
  635. package/styles/switch/_core.scss +83 -86
  636. package/styles/switch/_token-utils.scss +30 -0
  637. package/styles/switch/index.scss +1 -0
  638. package/styles/switch/switch.scss +118 -84
  639. package/styles/table/_mixins.scss +20 -2
  640. package/styles/tabs/tab/_configuration.scss +7 -49
  641. package/styles/tabs/tab/_core.scss +27 -32
  642. package/styles/tabs/tab/_token-utils.scss +30 -0
  643. package/styles/tabs/tab/index.scss +1 -0
  644. package/styles/tabs/tab/tab.scss +87 -44
  645. package/styles/tabs/tab-bar/_configuration.scss +2 -5
  646. package/styles/tabs/tab-bar/_core.scss +26 -9
  647. package/styles/tabs/tab-bar/_token-utils.scss +30 -0
  648. package/styles/tabs/tab-bar/index.scss +2 -1
  649. package/styles/tabs/tab-bar/tab-bar.scss +68 -34
  650. package/styles/theme/_theme-dark.scss +0 -3
  651. package/styles/toast/_mixins.scss +1 -1
  652. package/styles/toast/toast.scss +0 -2
  653. package/styles/toolbar/_mixins.scss +0 -1
  654. package/styles/typography/forge-typography.scss +5 -2
  655. package/dist/button/forge-button.css +0 -6
  656. package/dist/esm/chunks/chunk.2LIWNFQK.js +0 -7
  657. package/dist/esm/chunks/chunk.3X4N4ZPY.js +0 -7
  658. package/dist/esm/chunks/chunk.3X4N4ZPY.js.map +0 -7
  659. package/dist/esm/chunks/chunk.436MTO6R.js +0 -7
  660. package/dist/esm/chunks/chunk.436MTO6R.js.map +0 -7
  661. package/dist/esm/chunks/chunk.4CXLGEJO.js +0 -7
  662. package/dist/esm/chunks/chunk.4CXLGEJO.js.map +0 -7
  663. package/dist/esm/chunks/chunk.4XJYS5WH.js +0 -7
  664. package/dist/esm/chunks/chunk.4XJYS5WH.js.map +0 -7
  665. package/dist/esm/chunks/chunk.7L66GZDN.js +0 -7
  666. package/dist/esm/chunks/chunk.7PPBXNAD.js +0 -7
  667. package/dist/esm/chunks/chunk.7PPBXNAD.js.map +0 -7
  668. package/dist/esm/chunks/chunk.A3ZDCBLA.js +0 -7
  669. package/dist/esm/chunks/chunk.A3ZDCBLA.js.map +0 -7
  670. package/dist/esm/chunks/chunk.CMRVP4EA.js +0 -7
  671. package/dist/esm/chunks/chunk.CZEF72BG.js +0 -12
  672. package/dist/esm/chunks/chunk.CZEF72BG.js.map +0 -7
  673. package/dist/esm/chunks/chunk.D5ZHKPCL.js +0 -7
  674. package/dist/esm/chunks/chunk.D5ZHKPCL.js.map +0 -7
  675. package/dist/esm/chunks/chunk.DH76CMUT.js +0 -7
  676. package/dist/esm/chunks/chunk.DH76CMUT.js.map +0 -7
  677. package/dist/esm/chunks/chunk.DLQSINSS.js +0 -7
  678. package/dist/esm/chunks/chunk.DLQSINSS.js.map +0 -7
  679. package/dist/esm/chunks/chunk.G6JWSERI.js +0 -7
  680. package/dist/esm/chunks/chunk.G6JWSERI.js.map +0 -7
  681. package/dist/esm/chunks/chunk.GO5A4GKZ.js +0 -7
  682. package/dist/esm/chunks/chunk.GO5A4GKZ.js.map +0 -7
  683. package/dist/esm/chunks/chunk.GWIXDVIA.js +0 -7
  684. package/dist/esm/chunks/chunk.GWIXDVIA.js.map +0 -7
  685. package/dist/esm/chunks/chunk.HGH6SSHZ.js +0 -7
  686. package/dist/esm/chunks/chunk.HGH6SSHZ.js.map +0 -7
  687. package/dist/esm/chunks/chunk.HJ23XQDJ.js +0 -7
  688. package/dist/esm/chunks/chunk.HJ23XQDJ.js.map +0 -7
  689. package/dist/esm/chunks/chunk.I5SFCLDD.js +0 -7
  690. package/dist/esm/chunks/chunk.IURDWGLD.js +0 -7
  691. package/dist/esm/chunks/chunk.IURDWGLD.js.map +0 -7
  692. package/dist/esm/chunks/chunk.JCO4M4PF.js +0 -7
  693. package/dist/esm/chunks/chunk.LNLO36U6.js +0 -7
  694. package/dist/esm/chunks/chunk.LV7XF22P.js +0 -7
  695. package/dist/esm/chunks/chunk.LV7XF22P.js.map +0 -7
  696. package/dist/esm/chunks/chunk.MHU452GM.js +0 -7
  697. package/dist/esm/chunks/chunk.MHU452GM.js.map +0 -7
  698. package/dist/esm/chunks/chunk.MLTEGJH6.js +0 -7
  699. package/dist/esm/chunks/chunk.MWWY5TX5.js +0 -7
  700. package/dist/esm/chunks/chunk.MWWY5TX5.js.map +0 -7
  701. package/dist/esm/chunks/chunk.O5GE3FFV.js +0 -7
  702. package/dist/esm/chunks/chunk.O5GE3FFV.js.map +0 -7
  703. package/dist/esm/chunks/chunk.OQ75YGB6.js +0 -7
  704. package/dist/esm/chunks/chunk.PCOOIP2H.js +0 -7
  705. package/dist/esm/chunks/chunk.PCOOIP2H.js.map +0 -7
  706. package/dist/esm/chunks/chunk.PDICDA2V.js +0 -7
  707. package/dist/esm/chunks/chunk.PDICDA2V.js.map +0 -7
  708. package/dist/esm/chunks/chunk.Q7BWJCT5.js +0 -7
  709. package/dist/esm/chunks/chunk.Q7BWJCT5.js.map +0 -7
  710. package/dist/esm/chunks/chunk.TCFKFKZW.js +0 -7
  711. package/dist/esm/chunks/chunk.TGVLYX5F.js +0 -7
  712. package/dist/esm/chunks/chunk.TGVLYX5F.js.map +0 -7
  713. package/dist/esm/chunks/chunk.TSH7BTC3.js +0 -7
  714. package/dist/esm/chunks/chunk.U5XNDTSZ.js +0 -7
  715. package/dist/esm/chunks/chunk.UAKQY7QB.js +0 -7
  716. package/dist/esm/chunks/chunk.UAKQY7QB.js.map +0 -7
  717. package/dist/esm/chunks/chunk.UAVC4YLD.js +0 -7
  718. package/dist/esm/chunks/chunk.UAVC4YLD.js.map +0 -7
  719. package/dist/esm/chunks/chunk.URFSXQKR.js +0 -7
  720. package/dist/esm/chunks/chunk.UZPZ6KUN.js +0 -7
  721. package/dist/esm/chunks/chunk.V6443MP3.js +0 -7
  722. package/dist/esm/chunks/chunk.V6443MP3.js.map +0 -7
  723. package/dist/esm/chunks/chunk.VAAID3SH.js +0 -7
  724. package/dist/esm/chunks/chunk.VAAID3SH.js.map +0 -7
  725. package/dist/esm/chunks/chunk.VPNDAKM3.js +0 -7
  726. package/dist/esm/chunks/chunk.VPNDAKM3.js.map +0 -7
  727. package/dist/esm/chunks/chunk.WCTSXMGU.js +0 -7
  728. package/dist/esm/chunks/chunk.WCTSXMGU.js.map +0 -7
  729. package/dist/esm/chunks/chunk.WOMYKBUG.js +0 -12
  730. package/dist/esm/chunks/chunk.WOMYKBUG.js.map +0 -7
  731. package/dist/esm/chunks/chunk.WVGIT7F7.js +0 -7
  732. package/dist/esm/chunks/chunk.WVGIT7F7.js.map +0 -7
  733. package/dist/esm/chunks/chunk.YOXZOPAC.js +0 -7
  734. package/dist/esm/chunks/chunk.YOXZOPAC.js.map +0 -7
  735. package/dist/esm/chunks/chunk.YP2NHWIW.js +0 -7
  736. package/dist/esm/chunks/chunk.YPA27RX7.js +0 -7
  737. package/dist/esm/chunks/chunk.YXXKPT6P.js +0 -7
  738. package/dist/esm/chunks/chunk.ZMUDT5UK.js +0 -7
  739. package/dist/esm/chunks/chunk.ZMUDT5UK.js.map +0 -7
  740. package/dist/floating-action-button/forge-floating-action-button.css +0 -6
  741. package/dist/icon-button/forge-icon-button.css +0 -6
  742. package/esm/app-bar/app-bar-adapter.d.ts +0 -43
  743. package/esm/app-bar/app-bar-adapter.js +0 -60
  744. package/esm/app-bar/app-bar-constants.js +0 -37
  745. package/esm/app-bar/app-bar-foundation.js +0 -70
  746. package/esm/app-bar/app-bar.d.ts +0 -38
  747. package/esm/app-bar/app-bar.js +0 -75
  748. package/esm/core/utils/a11y-utils.d.ts +0 -32
  749. package/esm/core/utils/a11y-utils.js +0 -111
  750. package/styles/app-bar/_mixins.scss +0 -249
  751. package/styles/app-bar/_variables.scss +0 -34
  752. package/styles/app-bar/app-bar.scss +0 -22
  753. package/styles/button/_button-base.scss +0 -183
  754. package/styles/button/_button-filled-theme.scss +0 -60
  755. package/styles/button/_button-filled.scss +0 -71
  756. package/styles/button/_button-outlined-theme.scss +0 -175
  757. package/styles/button/_button-outlined.scss +0 -76
  758. package/styles/button/_button-protected-theme.scss +0 -60
  759. package/styles/button/_button-protected.scss +0 -88
  760. package/styles/button/_button-ripple.scss +0 -69
  761. package/styles/button/_button-shared-theme.scss +0 -447
  762. package/styles/button/_button-text-theme.scss +0 -60
  763. package/styles/button/_button-text.scss +0 -57
  764. package/styles/button/_button.mixins.scss +0 -148
  765. package/styles/button/_mixins.scss +0 -183
  766. package/styles/checkbox/_checkbox-custom-properties.scss +0 -11
  767. package/styles/checkbox/_checkbox-theme.scss +0 -577
  768. package/styles/checkbox/_checkbox.mixins.scss +0 -595
  769. package/styles/floating-action-button/_extended-fab-theme.scss +0 -238
  770. package/styles/floating-action-button/_fab-custom-properties.scss +0 -29
  771. package/styles/floating-action-button/_fab-theme.scss +0 -541
  772. package/styles/floating-action-button/_fab.mixins.scss +0 -351
  773. package/styles/floating-action-button/forge-floating-action-button.scss +0 -16
  774. package/styles/icon-button/_mixins.scss +0 -345
  775. package/styles/icon-button/_variables.scss +0 -42
  776. package/styles/profile-card/_mixins.scss +0 -83
  777. /package/dist/esm/chunks/{chunk.PLNLLKP2.js.map → chunk.26E4L52W.js.map} +0 -0
  778. /package/dist/esm/chunks/{chunk.AY43NTAK.js.map → chunk.3UO6S3IK.js.map} +0 -0
  779. /package/dist/esm/chunks/{chunk.IXGXASHQ.js.map → chunk.4B5IOZAT.js.map} +0 -0
  780. /package/dist/esm/chunks/{chunk.WK2L7BPJ.js.map → chunk.4QDN5PM6.js.map} +0 -0
  781. /package/dist/esm/chunks/{chunk.C5ZUGOOC.js.map → chunk.57PXXJA6.js.map} +0 -0
  782. /package/dist/esm/chunks/{chunk.C7VEJINB.js.map → chunk.5C24LZNU.js.map} +0 -0
  783. /package/dist/esm/chunks/{chunk.C2MQN7MI.js.map → chunk.5H4G6BWX.js.map} +0 -0
  784. /package/dist/esm/chunks/{chunk.CQQSOTZ5.js.map → chunk.5VHUMZYS.js.map} +0 -0
  785. /package/dist/esm/chunks/{chunk.WJXDDQUK.js.map → chunk.7ABZUBTT.js.map} +0 -0
  786. /package/dist/esm/chunks/{chunk.ZREXLSAJ.js.map → chunk.7BGOH44S.js.map} +0 -0
  787. /package/dist/esm/chunks/{chunk.2WSXSOYB.js.map → chunk.7DHDFH5L.js.map} +0 -0
  788. /package/dist/esm/chunks/{chunk.UVJFHSMF.js.map → chunk.7PP6QHOM.js.map} +0 -0
  789. /package/dist/esm/chunks/{chunk.7L66GZDN.js.map → chunk.7UXLLUTN.js.map} +0 -0
  790. /package/dist/esm/chunks/{chunk.NDJZYFRT.js.map → chunk.B46Q3AFP.js.map} +0 -0
  791. /package/dist/esm/chunks/{chunk.EY37FYZ4.js.map → chunk.C5IB44HX.js.map} +0 -0
  792. /package/dist/esm/chunks/{chunk.6VSFLBZF.js.map → chunk.CTZ3AWDW.js.map} +0 -0
  793. /package/dist/esm/chunks/{chunk.HBCDD25D.js.map → chunk.DDXIHZFX.js.map} +0 -0
  794. /package/dist/esm/chunks/{chunk.VDGJ4UDL.js.map → chunk.DOEG3DWJ.js.map} +0 -0
  795. /package/dist/esm/chunks/{chunk.4USQ2AP6.js.map → chunk.DTKFE7YB.js.map} +0 -0
  796. /package/dist/esm/chunks/{chunk.IJ2I25V3.js.map → chunk.E3GVKR4E.js.map} +0 -0
  797. /package/dist/esm/chunks/{chunk.FK6NNHXH.js.map → chunk.F2EBSV5Z.js.map} +0 -0
  798. /package/dist/esm/chunks/{chunk.RNUGVHZF.js.map → chunk.G2BNY5QQ.js.map} +0 -0
  799. /package/dist/esm/chunks/{chunk.4JF54GDJ.js.map → chunk.GS72TBUD.js.map} +0 -0
  800. /package/dist/esm/chunks/{chunk.AQ7ROWO4.js.map → chunk.GT3VPSXY.js.map} +0 -0
  801. /package/dist/esm/chunks/{chunk.DABGA7I6.js.map → chunk.GWJ4QCSW.js.map} +0 -0
  802. /package/dist/esm/chunks/{chunk.RXLORASN.js.map → chunk.HHHBS6FB.js.map} +0 -0
  803. /package/dist/esm/chunks/{chunk.MLTEGJH6.js.map → chunk.I3NHK2S3.js.map} +0 -0
  804. /package/dist/esm/chunks/{chunk.HKSXC5VK.js.map → chunk.IEB5KRFQ.js.map} +0 -0
  805. /package/dist/esm/chunks/{chunk.OQAD6MFL.js.map → chunk.J3B5CWKT.js.map} +0 -0
  806. /package/dist/esm/chunks/{chunk.QNVVUUNQ.js.map → chunk.KLPF4CNX.js.map} +0 -0
  807. /package/dist/esm/chunks/{chunk.66X366TV.js.map → chunk.L4Y4RO5O.js.map} +0 -0
  808. /package/dist/esm/chunks/{chunk.RBFGJH3C.js.map → chunk.LMIKNDBS.js.map} +0 -0
  809. /package/dist/esm/chunks/{chunk.R2KOYHIZ.js.map → chunk.LSNAGIIH.js.map} +0 -0
  810. /package/dist/esm/chunks/{chunk.7M4HRJYP.js.map → chunk.LXX3YZYS.js.map} +0 -0
  811. /package/dist/esm/chunks/{chunk.W7H2ZYNR.js.map → chunk.NG6UZ4OL.js.map} +0 -0
  812. /package/dist/esm/chunks/{chunk.CMRVP4EA.js.map → chunk.NYYXUH3X.js.map} +0 -0
  813. /package/dist/esm/chunks/{chunk.DQVYB55P.js.map → chunk.NZKIFXBU.js.map} +0 -0
  814. /package/dist/esm/chunks/{chunk.AHAARGYM.js.map → chunk.OED5UCYT.js.map} +0 -0
  815. /package/dist/esm/chunks/{chunk.2LIWNFQK.js.map → chunk.OYO5O3NF.js.map} +0 -0
  816. /package/dist/esm/chunks/{chunk.7UJAI6P2.js.map → chunk.P7LC3YYW.js.map} +0 -0
  817. /package/dist/esm/chunks/{chunk.Z6AFASMO.js.map → chunk.PK7R6WDF.js.map} +0 -0
  818. /package/dist/esm/chunks/{chunk.WWTQAN4G.js.map → chunk.PSTGTQVK.js.map} +0 -0
  819. /package/dist/esm/chunks/{chunk.RWUJGZ3R.js.map → chunk.RZZBM3AW.js.map} +0 -0
  820. /package/dist/esm/chunks/{chunk.37JFBP4X.js.map → chunk.SNF35Y6C.js.map} +0 -0
  821. /package/dist/esm/chunks/{chunk.YPA27RX7.js.map → chunk.T34DG7BU.js.map} +0 -0
  822. /package/dist/esm/chunks/{chunk.HDO3WRH7.js.map → chunk.THWSN3X4.js.map} +0 -0
  823. /package/dist/esm/chunks/{chunk.E4TAHUQO.js.map → chunk.TZFUKJ24.js.map} +0 -0
  824. /package/dist/esm/chunks/{chunk.SEWAMWO6.js.map → chunk.U5WMRBSC.js.map} +0 -0
  825. /package/dist/esm/chunks/{chunk.PDSOXEMY.js.map → chunk.UWZWXNTW.js.map} +0 -0
  826. /package/dist/esm/chunks/{chunk.CBIHNCT5.js.map → chunk.W324TWF2.js.map} +0 -0
  827. /package/dist/esm/chunks/{chunk.ZYVXIP42.js.map → chunk.YKZ25J6B.js.map} +0 -0
  828. /package/dist/esm/chunks/{chunk.R6NA7SV2.js.map → chunk.ZSD7MMVB.js.map} +0 -0
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/slider/slider-constants.ts", "../../src/slider/slider-utils.ts", "../../src/slider/slider-adapter.ts", "../../src/slider/slider-foundation.ts", "../../src/slider/slider.ts", "../../src/slider/slider-component-delegate.ts", "../../src/slider/index.ts"],
4
- "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}slider`;\n\nconst attributes = {\n ARIA_LABEL: 'data-aria-label',\n ARIA_LABEL_START: 'data-aria-label-start',\n ARIA_LABEL_END: 'data-aria-label-end',\n VALUE: 'value',\n VALUE_START: 'value-start',\n VALUE_END: 'value-end',\n LABEL: 'label',\n LABEL_START: 'label-start',\n LABEL_END: 'label-end',\n MIN: 'min',\n MAX: 'max',\n STEP: 'step',\n TICKMARKS: 'tickmarks',\n LABELED: 'labeled',\n RANGE: 'range',\n DISABLED: 'disabled',\n READONLY: 'readonly'\n};\n\nconst selectors = {\n ROOT: '.forge-slider',\n TRACK: '.track',\n HANDLE_CONTAINER: '.handle-container',\n START_INPUT: 'input.start',\n END_INPUT: 'input.end',\n START_HANDLE: '.handle.start',\n START_HANDLE_THUMB: '.handle.start .handle-thumb',\n END_HANDLE: '.handle.end',\n END_HANDLE_THUMB: '.handle.end .handle-thumb',\n START_LABEL: '.handle.start .handle-label',\n START_LABEL_CONTENT: '.handle.start .handle-label-content',\n END_LABEL: '.handle.end .handle-label',\n END_LABEL_CONTENT: '.handle.end .handle-label-content',\n LABEL: '.handle-label',\n INPUT: 'input[type=range]'\n};\n\nconst classes = {\n RANGE: 'range',\n TICKMARKS: 'tickmarks',\n ON_TOP: 'on-top',\n OVERLAPPING: 'overlapping',\n HOVER: 'hover',\n HANDLE: 'handle',\n HANDLE_THUMB: 'handle-thumb',\n HANDLE_START: 'start',\n HANDLE_LABEL: 'handle-label',\n LABEL: 'handle-label',\n LABEL_CONTENT: 'handle-label-content'\n};\n\nconst events = {\n INPUT: 'forge-slider-input',\n CHANGE: 'forge-slider-change'\n};\n\nconst cssCustomProperties = {\n START_FRACTION: '--_start-fraction',\n END_FRACTION: '--_end-fraction',\n TICK_COUNT: '--_tick-count'\n};\n\nconst numbers = {\n DEFAULT_STEP: 1,\n DEFAULT_VALUE: 50,\n DEFAULT_START_VALUE: 33,\n DEFAULT_END_VALUE: 67\n};\n\nexport const SLIDER_CONSTANTS = {\n elementName,\n attributes,\n selectors,\n classes,\n events,\n numbers,\n cssCustomProperties\n};\n\nexport interface ISliderRangeEventData {\n valueStart: number;\n valueEnd: number;\n}\n\nexport type SliderLabelBuilder = (value: number, which?: 'start' | 'end') => string;\n", "import { ISliderComponent } from '../slider';\nimport { SLIDER_CONSTANTS } from './slider-constants';\n\nexport function createStartInputElement(component: ISliderComponent): HTMLInputElement {\n const startInput = document.createElement('input');\n startInput.type = 'range';\n startInput.id = 'start';\n startInput.min = String(component.min);\n startInput.max = String(component.max);\n startInput.step = String(component.step);\n startInput.valueAsNumber = component.valueStart;\n startInput.disabled = component.disabled;\n startInput.classList.add('start');\n \n if (component.hasAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START)) {\n startInput.setAttribute('aria-label', component.getAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START) as string);\n }\n startInput.setAttribute('aria-valuetext', String(component.valueStart));\n\n return startInput;\n}\n\nexport function createStartHandleElement(thumbLabel: string): HTMLElement {\n const startHandle = document.createElement('div');\n startHandle.classList.add(SLIDER_CONSTANTS.classes.HANDLE, SLIDER_CONSTANTS.classes.HANDLE_START);\n startHandle.setAttribute('part', 'handle-start');\n\n const startHandleStateLayer = document.createElement('forge-state-layer');\n startHandleStateLayer.target = 'start';\n startHandle.appendChild(startHandleStateLayer);\n\n const startHandleFocusIndicator = document.createElement('forge-focus-indicator');\n startHandleFocusIndicator.target = 'start';\n startHandle.appendChild(startHandleFocusIndicator);\n \n const startHandleThumb = document.createElement('div');\n startHandleThumb.classList.add(SLIDER_CONSTANTS.classes.HANDLE_THUMB);\n startHandleThumb.setAttribute('part', 'handle-start-thumb');\n startHandle.appendChild(startHandleThumb);\n \n const startHandleLabel = document.createElement('div');\n startHandleLabel.classList.add(SLIDER_CONSTANTS.classes.HANDLE_LABEL);\n startHandleLabel.setAttribute('part', 'handle-start-label');\n startHandle.appendChild(startHandleLabel);\n\n const startHandleLabelContent = document.createElement('span');\n startHandleLabelContent.textContent = thumbLabel;\n startHandleLabelContent.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n startHandleLabelContent.setAttribute('part', 'handle-start-label-content');\n startHandleLabel.appendChild(startHandleLabelContent);\n \n return startHandle;\n}\n\nexport function createLabel(text: string): HTMLElement {\n const labelElement = document.createElement('div');\n labelElement.classList.add(SLIDER_CONSTANTS.classes.LABEL);\n\n const labelContentElement = document.createElement('span');\n labelContentElement.textContent = text;\n labelContentElement.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n labelElement.appendChild(labelContentElement);\n\n return labelElement;\n}\n", "import { getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { elementsOverlapping, isPointerOverElement } from '../core/utils/utils';\nimport { ISliderComponent } from '../slider';\nimport { IStateLayerComponent, STATE_LAYER_CONSTANTS } from '../state-layer';\nimport { SLIDER_CONSTANTS } from './slider-constants';\nimport { createLabel, createStartHandleElement, createStartInputElement } from './slider-utils';\n\nexport interface ISliderState {\n startFraction: number;\n endFraction: number;\n tickCount: number;\n}\n\nexport interface ISliderAdapter extends IBaseAdapter {\n addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void;\n update(state: ISliderState): void;\n updateLabels(labelStart: string, labelEnd: string): void;\n updateHandleLayering(): void;\n tryHoverStartHandle(coords: { x: number; y: number }): void;\n tryHoverEndHandle(coords: { x: number; y: number }): void;\n tryDetectOverlap(): void;\n leaveHandleContainer(): void;\n syncInputValues(valueStart: number, valueEnd: number): void;\n setRange(value: boolean): void;\n setTickmarks(value: boolean): void;\n setStep(step: number): void;\n setMin(value: number): void;\n setMax(value: number): void;\n setDisabled(value: boolean): void;\n setReadonly(value: boolean): void;\n toggleLabels(value: boolean): void;\n setStartAriaLabel(value: string | null): void;\n setEndAriaLabel(value: string | null): void;\n}\n\nexport class SliderAdapter extends BaseAdapter<ISliderComponent> {\n private readonly _rootElement: HTMLElement;\n private readonly _trackElement: HTMLElement;\n private readonly _handleContainerElement: HTMLElement;\n private readonly _endInputElement: HTMLInputElement;\n private readonly _endHandleElement: HTMLElement;\n private readonly _endHandleThumbElement: HTMLElement;\n private _endLabelContentElement: HTMLElement | undefined;\n private _startInputElement: HTMLInputElement | undefined;\n private _startHandleElement: HTMLElement | undefined;\n private _startHandleThumbElement: HTMLElement | undefined;\n private _startLabelContentElement: HTMLElement | undefined;\n\n constructor(component: ISliderComponent) {\n super(component);\n\n this._rootElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.ROOT);\n this._trackElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.TRACK);\n this._handleContainerElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.HANDLE_CONTAINER);\n this._endInputElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_INPUT) as HTMLInputElement;\n this._endHandleElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE);\n this._endHandleThumbElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE_THUMB);\n this._endLabelContentElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n }\n\n public addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.addEventListener(type, listener));\n }\n\n public update({ startFraction, endFraction, tickCount }: ISliderState): void {\n this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.START_FRACTION, String(startFraction));\n this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.END_FRACTION, String(endFraction));\n this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.TICK_COUNT, String(tickCount));\n }\n\n public updateLabels(labelStart: string, labelEnd: string): void {\n if (this._startLabelContentElement) {\n this._startLabelContentElement.textContent = labelStart;\n }\n \n if (this._endLabelContentElement) {\n this._endLabelContentElement.textContent = labelEnd;\n }\n\n this._startInputElement?.setAttribute('aria-valuetext', labelStart);\n this._endInputElement.setAttribute('aria-valuetext', labelEnd);\n }\n\n public updateHandleLayering(): void {\n const isEndFocused = this._endInputElement.matches(':focus');\n if (this._startHandleElement) {\n toggleClass(this._startHandleElement, !isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n }\n toggleClass(this._endHandleElement, isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n }\n\n public tryHoverStartHandle(coords: { x: number; y: number }): void {\n if (this._startHandleThumbElement && isPointerOverElement(coords, this._startHandleThumbElement)) {\n this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n this._startHandleElement?.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n } else if (!this._startInputElement?.matches(':focus')) {\n this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n this._startHandleElement?.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n }\n }\n\n public tryHoverEndHandle(coords: { x: number; y: number }): void {\n if (isPointerOverElement(coords, this._endHandleThumbElement)) {\n this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n this._endHandleElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n } else if (!this._endInputElement.matches(':focus')) {\n this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n this._endHandleElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n }\n }\n\n public tryDetectOverlap(): void {\n if (this._startHandleElement) {\n const isOverlapping = elementsOverlapping(this._startHandleElement, this._endHandleElement);\n toggleClass(this._endHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n toggleClass(this._startHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n }\n }\n\n public leaveHandleContainer(): void {\n this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n }\n\n public syncInputValues(valueStart: number, valueEnd: number): void {\n if (this._startInputElement) {\n this._startInputElement.valueAsNumber = valueStart;\n }\n this._endInputElement.valueAsNumber = valueEnd;\n\n if (this._startInputElement) {\n const data = new FormData();\n data.append(this._component.nameStart, String(valueStart));\n data.append(this._component.nameEnd, String(valueEnd));\n this._component.internals.setFormValue(data);\n } else {\n this._component.internals.setFormValue(String(valueEnd));\n }\n }\n\n public setRange(value: boolean): void {\n this._rootElement.classList.toggle(SLIDER_CONSTANTS.classes.RANGE, value);\n\n if (value) {\n // Create start input\n this._startInputElement = createStartInputElement(this._component);\n this._rootElement.insertAdjacentElement('afterbegin', this._startInputElement);\n\n // Ensure the end input is updated to the valueEnd property value now that we are in range mode\n this._endInputElement.valueAsNumber = this._component.valueEnd;\n\n // Create start handle\n const thumbLabel = this._startInputElement.value;\n this._startHandleElement = createStartHandleElement(thumbLabel);\n this._handleContainerElement.insertAdjacentElement('afterbegin', this._startHandleElement);\n this._startHandleThumbElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_HANDLE_THUMB);\n this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n } else {\n this._startInputElement?.remove();\n this._startHandleElement?.remove();\n\n this._startInputElement = undefined;\n this._startHandleElement = undefined;\n this._startHandleThumbElement = undefined;\n this._startLabelContentElement = undefined;\n }\n }\n\n public setTickmarks(value: boolean): void {\n this._trackElement.classList.toggle(SLIDER_CONSTANTS.classes.TICKMARKS, value);\n }\n\n public setStep(step: number): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.step = String(step));\n }\n\n public setMin(value: number): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.min = String(value));\n }\n\n public setMax(value: number): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.max = String(value));\n }\n\n public setDisabled(value: boolean): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.disabled = value);\n\n const stateLayers = this._rootElement.querySelectorAll(STATE_LAYER_CONSTANTS.elementName) as NodeListOf<IStateLayerComponent>;\n stateLayers.forEach(sl => sl.disabled = value);\n }\n\n public setReadonly(value: boolean): void {\n const inputs = this._getInputs();\n inputs.forEach(input => input.readOnly = value);\n }\n\n public toggleLabels(value: boolean): void {\n const labels = this._rootElement.querySelectorAll(SLIDER_CONSTANTS.selectors.LABEL);\n labels.forEach(label => label.remove());\n\n this._endLabelContentElement = undefined;\n this._startLabelContentElement = undefined;\n\n if (value) {\n const endLabelEl = createLabel(this._endInputElement.value);\n this._endHandleElement.insertAdjacentElement('beforeend', endLabelEl);\n this._endLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n \n if (this._startInputElement) {\n const startLabelEl = createLabel(this._startInputElement.value);\n this._startHandleElement?.insertAdjacentElement('beforeend', startLabelEl);\n this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n }\n }\n }\n\n public setStartAriaLabel(value: string | null): void {\n if (this._startInputElement) {\n toggleAttribute(this._startInputElement, !!value, 'aria-label', value as string);\n }\n }\n\n public setEndAriaLabel(value: string | null): void {\n toggleAttribute(this._endInputElement, !!value, 'aria-label', value as string);\n }\n\n private _getInputs(): HTMLInputElement[] {\n const inputs: HTMLInputElement[] = [];\n if (this._startInputElement) {\n inputs.push(this._startInputElement);\n }\n return [...inputs, this._endInputElement];\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { ISliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\n\nexport interface ISliderFoundation extends ICustomElementFoundation {\n ariaLabel: string | null;\n ariaLabelStart: string | null;\n ariaLabelEnd: string | null;\n value: number;\n valueStart: number;\n valueEnd: number;\n label: string;\n labelStart: string;\n labelEnd: string;\n labelBuilder: SliderLabelBuilder;\n min: number;\n max: number;\n step: number;\n tickmarks: boolean;\n labeled: boolean;\n range: boolean;\n disabled: boolean;\n readonly: boolean;\n}\n\nexport class SliderFoundation implements ISliderFoundation {\n // State\n private _value = SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n private _valueStart = SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n private _valueEnd = SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n private _labelStart: string;\n private _labelEnd: string;\n private _labelBuilder: SliderLabelBuilder;\n private _min = 0;\n private _max = 100;\n private _step = SLIDER_CONSTANTS.numbers.DEFAULT_STEP;\n private _tickmarks = false;\n private _labeled = true;\n private _range = false;\n private _disabled = false;\n private _readonly = false;\n\n // Listeners\n private readonly _pointerEnterListener: EventListener;\n private readonly _pointerMoveListener: EventListener;\n private readonly _pointerLeaveListener: EventListener;\n private readonly _changeUpdateListener: EventListener;\n private readonly _focusListener: EventListener;\n\n constructor(private readonly _adapter: ISliderAdapter) {\n this._pointerEnterListener = (evt: PointerEvent) => this._handlePointerEnter(evt);\n this._pointerMoveListener = (evt: PointerEvent) => this._handlePointerMove(evt);\n this._pointerLeaveListener = (evt: PointerEvent) => this._handlePointerLeave(evt);\n this._changeUpdateListener = (evt: InputEvent) => this._handleInputUpdate(evt);\n this._focusListener = (evt: FocusEvent) => this._handleFocus(evt);\n }\n\n public initialize(): void {\n this._applyInputListeners();\n this._update();\n }\n\n private _update(): void {\n const {\n value: renderValue,\n valueStart: renderValueStart,\n valueEnd: renderValueEnd\n } = this._clampMinMax();\n const step = this._step <= 0 ? 1 : this._step;\n const range = Math.max(this._max - this._min, step);\n const startFraction = this._range ? ((renderValueStart ?? this._min) - this._min) / range : 0;\n const valueEnd = this._range ? renderValueEnd : renderValue;\n const endFraction = ((valueEnd ?? this.min) - this.min) / range;\n const tickCount = range / step;\n\n this._adapter.update({ startFraction, endFraction, tickCount });\n this._adapter.syncInputValues(renderValueStart, this._range ? renderValueEnd : renderValue);\n\n if (this._range) {\n this._adapter.tryDetectOverlap();\n }\n\n let labelStart = this._labelStart ?? String(renderValueStart);\n let labelEnd = this._labelEnd ?? String(this._range ? renderValueEnd : renderValue);\n\n if (typeof this._labelBuilder === 'function') {\n if (this._range) {\n labelStart = this._labelBuilder(renderValueStart, 'start');\n labelEnd = this._labelBuilder(renderValueEnd, 'end');\n } else {\n labelEnd = this._labelBuilder(renderValue);\n }\n }\n\n this._adapter.updateLabels(labelStart, labelEnd);\n }\n\n private _clampMinMax(): { value: number; valueStart: number; valueEnd: number } {\n // We make copies of our values so we can mutate them without affecting the original values\n let valueCopy = this._value;\n let valueStartCopy = this._valueStart;\n let valueEndCopy = this._valueEnd;\n\n if (this._range) {\n if (valueStartCopy > this._max) {\n valueStartCopy = this._max;\n } else if (valueStartCopy < this._min) {\n valueStartCopy = this._min;\n }\n\n if (valueEndCopy > this._max) {\n valueEndCopy = this._max;\n } else if (valueEndCopy < this._min) {\n valueEndCopy = this._min;\n }\n } else {\n if (valueCopy > this._max) {\n valueCopy = this._max;\n } else if (this._value < this._min) {\n valueCopy = this._min;\n }\n }\n\n return {\n value: valueCopy,\n valueStart: valueStartCopy,\n valueEnd: valueEndCopy\n };\n }\n\n private _applyInputListeners(): void {\n this._adapter.addInputListener('pointerenter', this._pointerEnterListener);\n this._adapter.addInputListener('pointermove', this._pointerMoveListener);\n this._adapter.addInputListener('pointerleave', this._pointerLeaveListener);\n this._adapter.addInputListener('input', this._changeUpdateListener);\n this._adapter.addInputListener('change', this._changeUpdateListener);\n this._adapter.addInputListener('focus', this._focusListener);\n }\n\n private _handlePointerEnter(evt: PointerEvent): void {\n this._handlePointerMove(evt);\n }\n\n private _handlePointerMove({ target, x, y }: PointerEvent): void {\n const isStart = (target as HTMLInputElement).id === 'start';\n if (isStart) {\n this._adapter.tryHoverStartHandle({ x, y });\n } else {\n this._adapter.tryHoverEndHandle({ x, y });\n }\n }\n\n private _handlePointerLeave(_evt: PointerEvent): void {\n this._adapter.leaveHandleContainer();\n }\n\n private _handleInputUpdate(evt: InputEvent): void {\n evt.stopPropagation(); // We don't allow the native input & change events to bubble outside of the component\n\n if (this._disabled || this._readonly) {\n this._adapter.syncInputValues(this._valueStart, this._range ? this._valueEnd : this._value);\n return;\n }\n\n const input = evt.target as HTMLInputElement;\n \n if (this._range) {\n const isStart = input.id === 'start';\n if (isStart) {\n this._valueStart = input.valueAsNumber;\n } else {\n this._valueEnd = input.valueAsNumber;\n }\n\n // Clamp values to keep start and end from going past each other\n if (this._canClamp()) {\n if (isStart) {\n this._valueStart = this._valueEnd;\n } else {\n this._valueEnd = this._valueStart;\n }\n\n // Ensure our underlying inputs are synchronized with our state since they continue moving even when we clamp\n this._adapter.syncInputValues(this._valueStart, this._valueEnd);\n this._update();\n return; // We don't dispatch events when clamping\n }\n } else {\n this._value = input.valueAsNumber;\n }\n\n const type = evt.type === 'change' ? SLIDER_CONSTANTS.events.CHANGE : SLIDER_CONSTANTS.events.INPUT;\n const data: number | ISliderRangeEventData = this._range ? { valueStart: this._valueStart, valueEnd: this._valueEnd } : this._value;\n this._adapter.emitHostEvent(type, data, true);\n this._update();\n }\n\n private _handleFocus(_evt: FocusEvent): void {\n this._adapter.updateHandleLayering();\n }\n\n private _canClamp(): boolean {\n return this._valueStart > this._valueEnd || this._valueEnd < this._valueStart;\n }\n\n public get value(): number {\n return this._value;\n }\n public set value(value: number) {\n if (this._value !== value) {\n this._value = value;\n this._update();\n }\n }\n\n public get valueStart(): number {\n return this._valueStart;\n }\n public set valueStart(value: number) {\n if (this._valueStart !== value) {\n this._valueStart = value;\n this._update();\n }\n }\n\n public get valueEnd(): number {\n return this._valueEnd;\n }\n public set valueEnd(value: number) {\n if (this._valueEnd !== value) {\n this._valueEnd = value;\n this._update();\n }\n }\n\n public get label(): string {\n return this.labelEnd;\n }\n public set label(value: string) {\n this.labelEnd = value;\n }\n\n public get labelStart(): string {\n return this._labelStart;\n }\n public set labelStart(value: string) {\n if (this._labelStart !== value) {\n this._labelStart = value;\n this._adapter.updateLabels(this._labelStart, this._labelEnd);\n }\n }\n\n public get labelEnd(): string {\n return this._labelEnd;\n }\n public set labelEnd(value: string) {\n if (this._labelEnd !== value) {\n this._labelEnd = value;\n this._adapter.updateLabels(this._labelStart, this._labelEnd);\n }\n }\n\n public get labelBuilder(): SliderLabelBuilder {\n return this._labelBuilder;\n }\n public set labelBuilder(cb: SliderLabelBuilder) {\n this._labelBuilder = cb;\n this._update();\n }\n\n public get min(): number {\n return this._min;\n }\n public set min(value: number) {\n if (this._min !== value) {\n this._min = value;\n this._adapter.setMin(this._min);\n this._update();\n this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MIN, String(this._min));\n }\n }\n\n public get max(): number {\n return this._max;\n }\n public set max(value: number) {\n if (this._max !== value) {\n this._max = value;\n this._adapter.setMax(this._max);\n this._update();\n this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MAX, String(this._max));\n }\n }\n\n public get step(): number {\n return this._step;\n }\n public set step(value: number) {\n if (this._step !== value) {\n this._step = value;\n this._adapter.setStep(this._step);\n this._update();\n this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.STEP, String(this._step));\n }\n }\n\n public get tickmarks(): boolean {\n return this._tickmarks;\n }\n public set tickmarks(value: boolean) {\n if (this._tickmarks !== value) {\n this._tickmarks = value;\n this._adapter.setTickmarks(this._tickmarks);\n this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.TICKMARKS, this._tickmarks);\n }\n }\n\n public get labeled(): boolean {\n return this._labeled;\n }\n public set labeled(value: boolean) {\n if (this._labeled !== value) {\n this._labeled = value;\n this._adapter.toggleLabels(this._labeled);\n this._update();\n this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.LABELED, this._labeled);\n }\n }\n\n public get range(): boolean {\n return this._range;\n }\n public set range(value: boolean) {\n if (this._range !== value) {\n this._range = value;\n this._adapter.setRange(this._range);\n if (this._range) {\n this._applyInputListeners();\n }\n this._update();\n this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.RANGE, this._range);\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n if (this._disabled !== value) {\n this._disabled = value;\n this._adapter.setDisabled(value);\n this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.DISABLED, this._disabled);\n }\n }\n\n public get readonly(): boolean {\n return this._readonly;\n }\n public set readonly(value: boolean) {\n if (this._readonly !== value) {\n this._readonly = value;\n this._adapter.setReadonly(value);\n this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.READONLY, this._readonly);\n }\n }\n\n public set ariaLabel(value: string | null) {\n this.ariaLabelEnd = value;\n }\n\n public set ariaLabelStart(value: string | null) {\n this._adapter.setStartAriaLabel(value);\n }\n\n public set ariaLabelEnd(value: string | null) {\n this._adapter.setEndAriaLabel(value);\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { FocusIndicatorComponent } from '../focus-indicator/focus-indicator';\nimport { StateLayerComponent } from '../state-layer/state-layer';\nimport { SliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\nimport { SliderFoundation } from './slider-foundation';\n\nconst template = '<template><div part=\\\"root\\\" class=\\\"forge-slider\\\"><input type=\\\"range\\\" class=\\\"end\\\" id=\\\"end\\\" min=\\\"0\\\" max=\\\"100\\\" step=\\\"1\\\" aria-valuetext=\\\"0\\\"><div class=\\\"track\\\" part=\\\"track\\\"></div><div class=\\\"handle-container-padded\\\"><div class=\\\"handle-container-block\\\"><div class=\\\"handle-container\\\"><div class=\\\"handle end\\\" part=\\\"handle-end\\\"><forge-state-layer exportparts=\\\"surface:state-layer__surface\\\" target=\\\"end\\\"></forge-state-layer><forge-focus-indicator exportparts=\\\"indicator:focus-indicator__indicator\\\" target=\\\"end\\\"></forge-focus-indicator><div class=\\\"handle-thumb\\\" part=\\\"handle-end-thumb\\\"></div><div class=\\\"handle-label\\\" part=\\\"handle-end-label\\\"><span class=\\\"handle-label-content\\\" part=\\\"handle-end-label-content\\\"></span></div></div></div></div></div></div></template>';\nconst styles = ':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}.forge-slider{--_start-fraction:0;--_end-fraction:0;--_tick-count:100;--_track-height:var(--forge-slider-track-height, 4px);--_active-track-color:var(--forge-slider-active-track-color, var(--forge-theme-primary, #3f51b5));--_active-track-height:var(--forge-slider-active-track-height, var(--_track-height));--_active-track-shape:var(--forge-slider-active-track-shape, var(--forge-shape-full, 9999px));--_disabled-active-track-color:var(--forge-slider-disabled-active-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--forge-slider-disabled-handle-color, var(--forge-theme-surface-container-high, #9e9e9e));--_disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, var(--forge-theme-surface-container-high, #9e9e9e));--_disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--forge-slider-focus-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-color:var(--forge-slider-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-height:var(--forge-slider-handle-height, 20px);--_handle-shape:var(--forge-slider-handle-shape, var(--forge-shape-round, 50%));--_handle-width:var(--forge-slider-handle-width, 20px);--_hover-handle-color:var(--forge-slider-hover-handle-color, var(--forge-theme-primary, #3f51b5));--_inactive-track-color:var(--forge-slider-inactive-track-color, var(--forge-theme-primary-container, #d1d5ed));--_inactive-track-height:var(--forge-slider-inactive-track-height, var(--_track-height));--_inactive-track-shape:var(--forge-slider-inactive-track-shape, var(--forge-shape-full, 9999px));--_label-container-shape:var(--forge-slider-label-container-shape, var(--forge-shape-full, 9999px));--_label-container-color:var(--forge-slider-label-container-color, var(--forge-theme-primary, #3f51b5));--_label-container-height:var(--forge-slider-label-container-height, 28px);--_label-text-color:var(--forge-slider-label-text-color, var(--forge-theme-on-primary, #ffffff));--_pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--forge-theme-primary, #3f51b5));--_state-layer-size:var(--forge-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--forge-theme-on-primary, #ffffff));--_with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--forge-theme-on-primary, #ffffff));--_with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--forge-theme-on-surface-container-high, #000000));--_with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, var(--forge-theme-on-surface-container-high, #000000));--_with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--forge-theme-primary, #3f51b5));-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start{-webkit-clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0);clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{-webkit-clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)));clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.track::after,.track::before{content:\\\"\\\";position:absolute;inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size) * 2)/ var(--_tick-count)) 100%}.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape);background-color:var(--_inactive-track-color)}.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));background-color:var(--_active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_start-fraction));inline-size:calc(100% * (var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.handle-thumb{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, \\\"Roboto\\\", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:var(--_label-container-shape);color:var(--_label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);-webkit-transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1)),-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(0);transform:scale(0)}.handle-label::after,.handle-label::before{content:\\\"\\\";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_label-container-height)/ 2);block-size:calc(var(--_label-container-height)/ 2);bottom:calc(var(--_label-container-height)/ -10);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-container.hover .handle-thumb{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_pressed-handle-color)}:host([disabled]) .handle-thumb{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);background:var(--_disabled-handle-color)}:host([disabled]) .handle-label{background:var(--_disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_disabled-active-track-opacity) * var(--_disabled-inactive-track-opacity));background-color:var(--_disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-inactive-container-color) 0,var(--_with-tick-marks-disabled-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-active-container-color) 0,var(--_with-tick-marks-disabled-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.track:dir(rtl)::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{-webkit-transform:scale(1);transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{-webkit-transition-duration:0;transition-duration:0}}forge-focus-indicator{--forge-focus-indicator-shape:50%;--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_handle-color)}';\n\nexport interface ISliderComponent extends IBaseComponent {\n value: number;\n valueStart: number;\n valueEnd: number;\n label: string;\n labelStart: string;\n labelEnd: string;\n labelBuilder: SliderLabelBuilder;\n min: number;\n max: number;\n step: number;\n range: boolean;\n tickmarks: boolean;\n labeled: boolean;\n disabled: boolean;\n readonly: boolean;\n form: HTMLFormElement | null;\n name: string;\n nameStart: string;\n nameEnd: string;\n labels: NodeList;\n internals: ElementInternals;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-slider': ISliderComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-slider-input': CustomEvent<number | ISliderRangeEventData>;\n 'forge-slider-change': CustomEvent<number | ISliderRangeEventData>;\n }\n}\n\n/**\n * @tag forge-slider\n * \n * @summary Sliders allow users to make selections from a range of values.\n * \n * @description Use sliders to enable users to select a value from a continuous or discrete range of values.\n * \n * @property {number} value - The current value of the slider.\n * @property {number} valueStart - The current start value of the slider.\n * @property {number} valueEnd - The current end value of the slider.\n * @property {string} label - The label text for the slider handle.\n * @property {string} labelStart - The label text for the start slider handle.\n * @property {string} labelEnd - The label text for the end slider handle.\n * @property {SliderLabelBuilder} labelBuilder - A function that returns a label for the slider handle.\n * @property {number} min - The minimum value of the slider.\n * @property {number} max - The maximum value of the slider.\n * @property {number} step - The step value of the slider.\n * @property {boolean} range - Controls range mode.\n * @property {boolean} tickmarks - Controls if tickmarks are visible.\n * @property {boolean} labeled - Controls if labels are visible.\n * @property {boolean} disabled - Controls if the slider is disabled.\n * @property {boolean} readonly - Controls if the slider is readonly.\n * @property {string} name - The form control name.\n * @property {string} nameStart - The form control name for the start handle in range mode.\n * @property {string} nameEnd - The form control name for the end handle in range mode.\n * \n * @attribute {string} value - Sets the current value of the slider.\n * @attribute {string} value-start - Sets the current start value of the slider in range mode.\n * @attribute {string} value-end - Sets the current end value of the slider in range mode.\n * @attribute {string} label - Sets the label text for the slider handle.\n * @attribute {string} label-start - Sets the label text for the start slider handle in range mode.\n * @attribute {string} label-end - Sets the label text for the end slider handle in range mode.\n * @attribute {string} min - Sets the minimum value of the slider.\n * @attribute {string} max - Sets the maximum value of the slider.\n * @attribute {string} step - Sets the step value of the slider.\n * @attribute {string} tickmarks - Controls if tickmarks are visible.\n * @attribute {string} labeled - Controls if labels are visible.\n * @attribute {string} range - Controls range mode.\n * @attribute {string} disabled - Controls if the slider is disabled.\n * @attribute {string} readonly - Controls if the slider is readonly.\n * @attribute {string} name - Controls the form control name.\n * @attribute {string} name-start - Controls the form control name for the start handle in range mode.\n * @attribute {string} name-end - Controls the form control name for the end handle in range mode.\n * \n * @event forge-slider-input {CustomEvent} - Dispatches when the slider value changes.\n * @event forge-slider-change {CustomEvent} - Dispatches when the slider value changes and the value has been committed.\n * \n * @cssproperty --mdc-theme-primary - The primary color of the slider.\n * @cssproperty --mdc-theme-on-primary - The color of elements placed on top of the primary color (the label text for example).\n * @cssproperty --forge-slider-track-height - The height of the track.\n * @cssproperty --forge-slider-active-track-color - The color of the active track.\n * @cssproperty --forge-slider-active-track-height - The height of the active track.\n * @cssproperty --forge-slider-active-track-shape - The shape of the active track.\n * @cssproperty --forge-slider-disabled-active-track-color - The color of the active track when disabled.\n * @cssproperty --forge-slider-disabled-active-track-opacity - The opacity of the active track when disabled.\n * @cssproperty --forge-slider-disabled-handle-color - The color of the slider handle when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-color - The color of the inactive track when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-opacity - The opacity of the inactive track when disabled.\n * @cssproperty --forge-slider-focus-handle-color - The color of the slider handle when focused.\n * @cssproperty --forge-slider-handle-color - The color of the slider handle.\n * @cssproperty --forge-slider-handle-height - The height of the slider handle.\n * @cssproperty --forge-slider-handle-width - The width of the slider handle.\n * @cssproperty --forge-slider-handle-shape - The shape of the slider handle.\n * @cssproperty --forge-slider-hover-handle-color - The color of the slider handle when hovered.\n * @cssproperty --forge-slider-inactive-track-color - The color of the inactive track.\n * @cssproperty --forge-slider-inactive-track-height - The height of the inactive track.\n * @cssproperty --forge-slider-inactive-track-shape - The shape of the inactive track.\n * @cssproperty --forge-slider-label-container-shape - The shape of the label container.\n * @cssproperty --forge-slider-label-container-color - The color of the label container.\n * @cssproperty --forge-slider-label-container-height - The height of the label container.\n * @cssproperty --forge-slider-label-text-color - The color of the label text.\n * @cssproperty --forge-slider-pressed-handle-color - The color of the slider handle when pressed.\n * @cssproperty --forge-slider-state-layer-size - The size of the state layer.\n * @cssproperty --forge-slider-with-overlap-handle-outline-color - The color of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-overlap-handle-outline-width - The width of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-tick-marks-active-container-color - The color of the active tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-container-size - The size of the tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-disabled-active-container-color - The color of the active tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-disabled-inactive-container-color - The color of the inactive tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-inactive-container-color - The color of the inactive tick mark container when tick marks are visible.\n * \n * @csspart slider - Styles the slider container element.\n * @csspart track - Styles the track element.\n * @csspart handle-end - Styles the end handle element.\n * @csspart handle-end-thumb - Styles the end handle thumb element.\n * @csspart handle-end-label - Styles the end handle label element.\n * @csspart handle-end-label-content - Styles the end handle label content element.\n * @csspart handle-start - Styles the start handle element.\n * @csspart handle-start-thumb - Styles the start handle thumb element.\n * @csspart handle-start-label - Styles the start handle label element.\n * @csspart handle-start-label-content - Styles the start handle label content element.\n */\n@CustomElement({\n name: SLIDER_CONSTANTS.elementName,\n dependencies: [\n FocusIndicatorComponent,\n StateLayerComponent\n ]\n})\nexport class SliderComponent extends BaseComponent implements ISliderComponent {\n public static get observedAttributes(): string[] {\n return [\n SLIDER_CONSTANTS.attributes.ARIA_LABEL,\n SLIDER_CONSTANTS.attributes.ARIA_LABEL_START,\n SLIDER_CONSTANTS.attributes.ARIA_LABEL_END,\n SLIDER_CONSTANTS.attributes.VALUE,\n SLIDER_CONSTANTS.attributes.VALUE_START,\n SLIDER_CONSTANTS.attributes.VALUE_END,\n SLIDER_CONSTANTS.attributes.LABEL,\n SLIDER_CONSTANTS.attributes.LABEL_START,\n SLIDER_CONSTANTS.attributes.LABEL_END,\n SLIDER_CONSTANTS.attributes.MAX,\n SLIDER_CONSTANTS.attributes.MIN,\n SLIDER_CONSTANTS.attributes.STEP,\n SLIDER_CONSTANTS.attributes.TICKMARKS,\n SLIDER_CONSTANTS.attributes.LABELED,\n SLIDER_CONSTANTS.attributes.RANGE,\n SLIDER_CONSTANTS.attributes.DISABLED,\n SLIDER_CONSTANTS.attributes.READONLY\n ];\n }\n\n public static formAssociated = true;\n\n public get form(): HTMLFormElement | null {\n return this.internals.form;\n }\n\n public get labels(): NodeList {\n return this.internals.labels;\n }\n\n public get name(): string {\n return this.getAttribute('name') ?? '';\n }\n public set name(value: string) {\n toggleAttribute(this, !!value, 'name', value ?? '');\n }\n\n public get nameStart(): string {\n return this.getAttribute('name-start') ?? this.name;\n }\n public set nameStart(value: string) {\n toggleAttribute(this, !!value, 'name-start', value ?? '');\n }\n\n public get nameEnd(): string {\n return this.getAttribute('name-end') ?? this.nameStart;\n }\n public set nameEnd(value: string) {\n toggleAttribute(this, !!value, 'name-end', value ?? '');\n }\n\n public readonly internals: ElementInternals;\n private readonly _foundation: SliderFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this.internals = this.attachInternals();\n this._foundation = new SliderFoundation(new SliderAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case SLIDER_CONSTANTS.attributes.ARIA_LABEL:\n this._foundation.ariaLabel = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.ARIA_LABEL_START:\n this._foundation.ariaLabelStart = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.ARIA_LABEL_END:\n this._foundation.ariaLabelEnd = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.VALUE:\n this.value = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.VALUE_START:\n this.valueStart = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.VALUE_END:\n this.valueEnd = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.LABEL:\n this.label = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.LABEL_START:\n this.labelStart = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.LABEL_END:\n this.labelEnd = newValue;\n break;\n case SLIDER_CONSTANTS.attributes.MIN:\n this.min = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.MAX:\n this.max = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.STEP:\n this.step = coerceNumber(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.TICKMARKS:\n this.tickmarks = coerceBoolean(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.LABELED:\n this.labeled = coerceBoolean(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.RANGE:\n this.range = coerceBoolean(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case SLIDER_CONSTANTS.attributes.READONLY:\n this.readonly = coerceBoolean(newValue);\n break;\n }\n }\n\n public formResetCallback(): void {\n if (this._foundation.range) {\n const valueStart = this.getAttribute('value-start');\n this.valueStart = valueStart !== null ? Number(valueStart) : SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n const valueEnd = this.getAttribute('value-end');\n this.valueEnd = valueEnd !== null ? Number(valueEnd) : SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n return;\n }\n const value = this.getAttribute('value');\n this.value = value !== null ? Number(value) : SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n }\n\n public formStateRestoreCallback(state: string | Array<[string, string]> | null): void {\n if (state && state[0] instanceof FormData) {\n const values = Array.from(state[0]);\n const [[, valueStart], [, valueEnd]] = values;\n this.valueStart = Number(valueStart);\n this.valueEnd = Number(valueEnd);\n this.range = true;\n return;\n }\n\n this.value = Number(state);\n this.range = false;\n }\n\n @FoundationProperty()\n public declare value: number;\n\n @FoundationProperty()\n public declare valueStart: number;\n\n @FoundationProperty()\n public declare valueEnd: number;\n\n @FoundationProperty()\n public declare label: string;\n\n @FoundationProperty()\n public declare labelStart: string;\n\n @FoundationProperty()\n public declare labelEnd: string;\n\n @FoundationProperty()\n public declare labelBuilder: SliderLabelBuilder;\n\n @FoundationProperty()\n public declare min: number;\n\n @FoundationProperty()\n public declare max: number;\n\n @FoundationProperty()\n public declare step: number;\n\n @FoundationProperty()\n public declare tickmarks: boolean;\n \n @FoundationProperty()\n public declare labeled: boolean;\n\n @FoundationProperty()\n public declare range: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare readonly: boolean;\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ISliderComponent } from '../slider';\nimport { ISliderRangeEventData, SLIDER_CONSTANTS } from './slider-constants';\n\nexport type SliderComponentDelegateProps = Partial<ISliderComponent>;\nexport interface ISliderComponentDelegateOptions extends IFormFieldComponentDelegateOptions {}\nexport interface ISliderComponentDelegateConfig extends IBaseComponentDelegateConfig<ISliderComponent, ISliderComponentDelegateOptions> {}\n\nexport class SliderComponentDelegate extends FormFieldComponentDelegate<ISliderComponent, ISliderComponentDelegateOptions> {\n constructor(config?: ISliderComponentDelegateConfig) {\n super(config);\n }\n\n public get value(): number {\n return this._element.value;\n }\n public set value(value: number) {\n this._element.value = value;\n }\n\n public get valueStart(): number {\n return this._element.valueStart;\n }\n public set valueStart(value: number) {\n this._element.valueStart = value;\n }\n\n public get valueEnd(): number {\n return this._element.valueEnd;\n }\n public set valueEnd(value: number) {\n this._element.valueEnd = value;\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 public get min(): number {\n return this._element.min;\n }\n public set min(value: number) {\n this._element.min = value;\n }\n\n public get max(): number {\n return this._element.max;\n }\n public set max(value: number) {\n this._element.max = value;\n }\n\n public get step(): number {\n return this._element.step;\n }\n\n public get range(): boolean {\n return this._element.range;\n }\n public set range(value: boolean) {\n this._element.range = value;\n }\n\n public get tickmarks(): boolean {\n return this._element.tickmarks;\n }\n public set tickmarks(value: boolean) {\n this._element.tickmarks = value;\n }\n\n public get labeled(): boolean {\n return this._element.labeled;\n }\n public set labeled(value: boolean) {\n this._element.labeled = value;\n }\n\n public get labelBuilder(): (value: number, which?: 'start' | 'end') => string {\n return this._element.labelBuilder;\n }\n public set labelBuilder(value: (value: number, which?: 'start' | 'end') => string) {\n this._element.labelBuilder = value;\n }\n\n public onInput(listener: (value: number | ISliderRangeEventData) => void): void {\n this._element.addEventListener('forge-slider-input', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\n }\n\n public onChange(listener: (value: number | ISliderRangeEventData) => void): void {\n this._element.addEventListener('forge-slider-change', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\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 protected _build(): ISliderComponent {\n return document.createElement(SLIDER_CONSTANTS.elementName);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SliderComponent } from './slider';\n\nexport * from './slider-constants';\nexport * from './slider';\nexport * from './slider-component-delegate';\n\nexport function defineSliderComponent(): void {\n defineCustomElement(SliderComponent);\n}\n"],
5
- "mappings": "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",
6
- "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "classes", "events", "cssCustomProperties", "numbers", "SLIDER_CONSTANTS", "createStartInputElement", "component", "startInput", "SLIDER_CONSTANTS", "createStartHandleElement", "thumbLabel", "startHandle", "startHandleStateLayer", "startHandleFocusIndicator", "startHandleThumb", "startHandleLabel", "startHandleLabelContent", "createLabel", "text", "labelElement", "labelContentElement", "SliderAdapter", "BaseAdapter", "component", "getShadowElement", "SLIDER_CONSTANTS", "type", "listener", "input", "startFraction", "endFraction", "tickCount", "labelStart", "labelEnd", "_a", "isEndFocused", "toggleClass", "coords", "_b", "_c", "isPointerOverElement", "isOverlapping", "elementsOverlapping", "valueStart", "valueEnd", "data", "value", "createStartInputElement", "thumbLabel", "createStartHandleElement", "step", "STATE_LAYER_CONSTANTS", "sl", "label", "endLabelEl", "createLabel", "startLabelEl", "toggleAttribute", "inputs", "SliderFoundation", "_adapter", "SLIDER_CONSTANTS", "evt", "_a", "_b", "renderValue", "renderValueStart", "renderValueEnd", "step", "range", "startFraction", "valueEnd", "endFraction", "tickCount", "labelStart", "labelEnd", "valueCopy", "valueStartCopy", "valueEndCopy", "target", "x", "y", "_evt", "input", "isStart", "type", "data", "value", "cb", "template", "styles", "SliderComponent", "BaseComponent", "attachShadowTemplate", "SliderFoundation", "SliderAdapter", "SLIDER_CONSTANTS", "_a", "value", "toggleAttribute", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "valueStart", "valueEnd", "state", "values", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "SliderComponentDelegate", "FormFieldComponentDelegate", "config", "value", "listener", "detail", "evt", "SLIDER_CONSTANTS", "defineSliderComponent", "defineCustomElement", "SliderComponent"]
7
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Tyler Technologies, Inc.
4
- * License: Apache-2.0
5
- */
6
- import{a as C,d as h}from"./chunk.IURDWGLD.js";import{d as M}from"./chunk.IJ2I25V3.js";import{b as A}from"./chunk.DLQSINSS.js";import{o as B}from"./chunk.FYWPZFLJ.js";import{d as _,l as b}from"./chunk.TCFKFKZW.js";import{a as f}from"./chunk.YOXZOPAC.js";import{a as d}from"./chunk.NVUMRW44.js";import{a as u,b as I}from"./chunk.HGH6SSHZ.js";import{a,d as s,g as l,k as c}from"./chunk.I5SFCLDD.js";import{a as m,d as p}from"./chunk.M3QDAYD2.js";var n=class extends f{constructor(o){super(o)}initialize(){this._menuElement=l(this._component,C.elementName)}setMenuOptions(o){this._menuElement.options=o}};var i=class{constructor(e){this._adapter=e;this._options=[];this._isInitialized=!1}initialize(){this._adapter.initialize(),this._adapter.setMenuOptions(this._options),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get options(){return this._options}set options(e){this._options=e.map(o=>m({},o)),this._isInitialized&&this._adapter.setMenuOptions(e)}};var g=`${I}app-bar-help-button`,O={elementName:g};var x='<template><forge-icon-button><forge-menu placement="bottom-end"><button type="button" aria-label="Open help menu"><forge-icon name="help"></forge-icon></button></forge-menu><forge-tooltip delay="500" position="bottom">Help</forge-tooltip></forge-icon-button></template>',t=class extends c{constructor(){super();_.define(B),this._foundation=new i(new n(this))}initializedCallback(){s(this,x)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}};p([d()],t.prototype,"options",2),t=p([u({name:O.elementName,dependencies:[h,A,M,b]})],t);function Z(){a(t)}export{n as a,i as b,O as c,t as d,Z as e};
7
- //# sourceMappingURL=chunk.Q7BWJCT5.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/app-bar/help-button/app-bar-help-button-adapter.ts", "../../src/app-bar/help-button/app-bar-help-button-foundation.ts", "../../src/app-bar/help-button/app-bar-help-button-constants.ts", "../../src/app-bar/help-button/app-bar-help-button.ts", "../../src/app-bar/help-button/index.ts"],
4
- "sourcesContent": ["import { getLightElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IMenuComponent, IMenuOption, MENU_CONSTANTS } from '../../menu';\nimport { IAppBarHelpButtonComponent } from './app-bar-help-button';\n\nexport interface IAppBarHelpButtonAdapter extends IBaseAdapter {\n initialize(): void;\n setMenuOptions(options: IMenuOption[]): void;\n}\n\nexport class AppBarHelpButtonAdapter extends BaseAdapter<IAppBarHelpButtonComponent> implements IAppBarHelpButtonAdapter {\n private _menuElement: IMenuComponent;\n\n constructor(component: IAppBarHelpButtonComponent) {\n super(component);\n }\n\n public initialize(): void {\n this._menuElement = getLightElement(this._component, MENU_CONSTANTS.elementName) as IMenuComponent;\n }\n\n public setMenuOptions(options: IMenuOption[]): void {\n this._menuElement.options = options;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IMenuOption } from '../../menu';\nimport { IAppBarHelpButtonAdapter } from './app-bar-help-button-adapter';\n\nexport interface IAppBarHelpButtonFoundation extends ICustomElementFoundation {\n options: IMenuOption[];\n}\n\nexport class AppBarHelpButtonFoundation implements IAppBarHelpButtonFoundation {\n private _options: IMenuOption[] = [];\n private _isInitialized = false;\n\n constructor(private _adapter: IAppBarHelpButtonAdapter) { }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.setMenuOptions(this._options);\n this._isInitialized = true;\n }\n\n public disconnect(): void {\n this._isInitialized = false;\n }\n\n public get options(): IMenuOption[] {\n return this._options;\n }\n public set options(value: IMenuOption[]) {\n this._options = value.map(o => ({ ...o }));\n if (this._isInitialized) {\n this._adapter.setMenuOptions(value);\n }\n }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-help-button`;\n\nexport const APP_BAR_HELP_BUTTON_CONSTANTS = {\n elementName\n};\n", "import { CustomElement, attachLightTemplate, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconHelp } from '@tylertech/tyler-icons/standard';\nimport { IMenuOption, MenuComponent } from '../../menu';\nimport { AppBarHelpButtonAdapter } from './app-bar-help-button-adapter';\nimport { AppBarHelpButtonFoundation } from './app-bar-help-button-foundation';\nimport { APP_BAR_HELP_BUTTON_CONSTANTS } from './app-bar-help-button-constants';\nimport { IconButtonComponent } from '../../icon-button';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><forge-icon-button><forge-menu placement=\\\"bottom-end\\\"><button type=\\\"button\\\" aria-label=\\\"Open help menu\\\"><forge-icon name=\\\"help\\\"></forge-icon></button></forge-menu><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\">Help</forge-tooltip></forge-icon-button></template>';\n\nexport interface IAppBarHelpButtonComponent extends IBaseComponent {\n options: IMenuOption[];\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar-help-button': IAppBarHelpButtonComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-help-button>` custom element.\n * \n * @tag forge-app-bar-help-button\n */\n@CustomElement({\n name: APP_BAR_HELP_BUTTON_CONSTANTS.elementName,\n dependencies: [\n MenuComponent,\n IconButtonComponent,\n TooltipComponent,\n IconComponent\n ]\n})\nexport class AppBarHelpButtonComponent extends BaseComponent implements IAppBarHelpButtonComponent {\n private _foundation: AppBarHelpButtonFoundation;\n\n constructor() {\n super();\n IconRegistry.define(tylIconHelp);\n this._foundation = new AppBarHelpButtonFoundation(new AppBarHelpButtonAdapter(this));\n }\n\n public initializedCallback(): void {\n attachLightTemplate(this, template);\n }\n \n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n @FoundationProperty()\n public declare options: IMenuOption[];\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarHelpButtonComponent } from './app-bar-help-button';\n\nexport * from './app-bar-help-button-adapter';\nexport * from './app-bar-help-button-constants';\nexport * from './app-bar-help-button-foundation';\nexport * from './app-bar-help-button';\n\nexport function defineAppBarHelpButtonComponent(): void {\n defineCustomElement(AppBarHelpButtonComponent);\n}\n"],
5
- "mappings": "4bAUO,IAAMA,EAAN,cAAsCC,CAA4E,CAGvH,YAAYC,EAAuC,CACjD,MAAMA,CAAS,CACjB,CAEO,YAAmB,CACxB,KAAK,aAAeC,EAAgB,KAAK,WAAYC,EAAe,WAAW,CACjF,CAEO,eAAeC,EAA8B,CAClD,KAAK,aAAa,QAAUA,CAC9B,CACF,EChBO,IAAMC,EAAN,KAAwE,CAI7E,YAAoBC,EAAoC,CAApC,cAAAA,EAHpB,KAAQ,SAA0B,CAAC,EACnC,KAAQ,eAAiB,EAEiC,CAEnD,YAAmB,CACxB,KAAK,SAAS,WAAW,EACzB,KAAK,SAAS,eAAe,KAAK,QAAQ,EAC1C,KAAK,eAAiB,EACxB,CAEO,YAAmB,CACxB,KAAK,eAAiB,EACxB,CAEA,IAAW,SAAyB,CAClC,OAAO,KAAK,QACd,CACA,IAAW,QAAQC,EAAsB,CACvC,KAAK,SAAWA,EAAM,IAAI,GAAMC,EAAA,GAAK,EAAI,EACrC,KAAK,gBACP,KAAK,SAAS,eAAeD,CAAK,CAEtC,CACF,EC/BA,IAAME,EAA2C,GAAGC,uBAEvCC,EAAgC,CAC3C,YAAAF,CACF,ECKA,IAAMG,EAAW,gRA0BJC,EAAN,cAAwCC,CAAoD,CAGjG,aAAc,CACZ,MAAM,EACNC,EAAa,OAAOC,CAAW,EAC/B,KAAK,YAAc,IAAIC,EAA2B,IAAIC,EAAwB,IAAI,CAAC,CACrF,CAEO,qBAA4B,CACjCC,EAAoB,KAAMP,CAAQ,CACpC,CAEO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,sBAA6B,CAClC,KAAK,YAAY,WAAW,CAC9B,CAIF,EADiBQ,EAAA,CADdC,EAAmB,GArBTR,EAsBI,uBAtBJA,EAANO,EAAA,CATNE,EAAc,CACb,KAAMC,EAA8B,YACpC,aAAc,CACZC,EACAC,EACAC,EACAC,CACF,CACF,CAAC,GACYd,GC5BN,SAASe,GAAwC,CACtDC,EAAoBC,CAAyB,CAC/C",
6
- "names": ["AppBarHelpButtonAdapter", "BaseAdapter", "component", "getLightElement", "MENU_CONSTANTS", "options", "AppBarHelpButtonFoundation", "_adapter", "value", "__spreadValues", "elementName", "COMPONENT_NAME_PREFIX", "APP_BAR_HELP_BUTTON_CONSTANTS", "template", "AppBarHelpButtonComponent", "BaseComponent", "IconRegistry", "tylIconHelp", "AppBarHelpButtonFoundation", "AppBarHelpButtonAdapter", "attachLightTemplate", "__decorateClass", "FoundationProperty", "CustomElement", "APP_BAR_HELP_BUTTON_CONSTANTS", "MenuComponent", "IconButtonComponent", "TooltipComponent", "IconComponent", "defineAppBarHelpButtonComponent", "defineCustomElement", "AppBarHelpButtonComponent"]
7
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Tyler Technologies, Inc.
4
- * License: Apache-2.0
5
- */
6
- import{k as C}from"./chunk.WCTSXMGU.js";import{a as A}from"./chunk.PADPL4L3.js";import{a as x}from"./chunk.YOXZOPAC.js";import{a as p}from"./chunk.NVUMRW44.js";import{a as v,b as T,e as E}from"./chunk.HGH6SSHZ.js";import{a as I,e as g,k as y}from"./chunk.I5SFCLDD.js";import{k as h}from"./chunk.J2M2MXP2.js";import{a as b,d as l}from"./chunk.M3QDAYD2.js";var R=`${T}icon`,S={NAME:"name",SRC:"src",LAZY:"lazy",EXTERNAL:"external",EXTERNAL_TYPE:"external-type",VIEWBOX:"viewbox"},D=b({},S),M={LAZY_ROOT_MARGIN:50,DEFAULT_WIDTH:24,DEFAULT_HEIGHT:24},k={DEFAULT_NETWORK_BASE_URL:`${E}v1/icons/svg`},r={elementName:R,attributes:D,numbers:M,strings:k},_="forgeIcons";var u=class extends x{constructor(t){super(t)}canLazyLoad(){return!!window.IntersectionObserver}observeVisibility(t){this._observer=new IntersectionObserver(i=>{i.some(s=>s.isIntersecting)&&(this.destroyVisibilityObserver(),t())},{rootMargin:`${r.numbers.LAZY_ROOT_MARGIN}px`}),this._observer.observe(this._component)}destroyVisibilityObserver(){this._observer&&(this._observer.disconnect(),this._observer=void 0)}setContent(t){var d;let i=this._component.shadowRoot,s=i.querySelector("style");i.innerHTML=t,t&&((d=i.firstElementChild)==null||d.setAttribute("aria-hidden","true")),s&&i.appendChild(s)}};var n=class n{static define(e,t){if(Array.isArray(e))return e.filter(d=>n._isIconObject(d)).forEach(d=>n._register(d.name,d.data));let{name:i,data:s}=n._parseIcon(e,t);n._register(i,s)}static remove(e){let t=n._isIconObject(e)?e.name:e;n._icons.delete(t)}static removeListener(e,t){let i=n._listeners.get(e);Array.isArray(i)&&i.includes(t)&&i.splice(i.indexOf(t),1)}static clear(){n._icons.clear(),n._listeners.clear()}static get(e){return n._icons.get(e)}static getIconNames(){return Array.from(n._icons.keys())}static awaitIcon(e,t){var s;if(n._icons.has(e)){t();return}let i=(s=n._listeners.get(e))!=null?s:[];n._listeners.set(e,[...i,t])}static get size(){return n._icons.size}static _register(e,t){n._icons.set(e,t),n._invalidateListeners(e)}static _invalidateListeners(e){let t=n._listeners.get(e);Array.isArray(t)&&t.length&&(t.forEach(i=>i()),n._listeners.delete(e))}static _parseIcon(e,t=""){return n._isIconObject(e)?e:{name:e,data:t}}static _isIconObject(e){return typeof e=="object"&&e.hasOwnProperty("name")&&e.hasOwnProperty("data")}};n._icons=new Map,n._listeners=new Map;var c=n;var f=new Map;function L(o,e,t=!0){if(!o||!o.includes("svg"))return"";!e&&!o.includes("viewBox")&&(e=`0 0 ${r.numbers.DEFAULT_WIDTH} ${r.numbers.DEFAULT_HEIGHT}`);let i=C(o,e);return t&&i&&(i.setAttribute("part","svg"),i.querySelectorAll("path").forEach(s=>{s.setAttribute("part",s.tagName.toLowerCase())})),i?i.outerHTML:""}function N(o){return c.get(o)}function w(o,e){c.awaitIcon(o,e)}function O(o,e){c.removeListener(o,e)}function B(o,e){let t=f.get(o);if(!t)if(typeof fetch!="undefined"&&typeof document!="undefined")t=fetch(o).then(async i=>{if(i.ok){let s=await i.text()||"";return c.define({name:e,data:s}),f.delete(o),s}return c.define({name:e,data:""}),""}),f.set(o,t);else return c.define({name:e,data:""}),Promise.resolve("");return t||Promise.resolve("")}function U(o){return["standard","extended","custom"].includes(o)?o:""}var m=class{constructor(e){this._adapter=e;this._external=!1;this._externalType="standard";this._lazyListener=()=>this._loadIcon()}initialize(){this._applyIcon()}disconnect(){this._adapter.destroyVisibilityObserver(),this._clearIconQueue(),this._tryRemoveListener()}_safeApplyIcon(){this._adapter.isConnected&&(this._clearIconQueue(),this._queueIconUpdate())}_tryRemoveListener(){this._registrationListener&&this._name&&O(this._name,this._registrationListener)}_applyIcon(){this._lazy&&this._adapter.canLazyLoad()?this._adapter.observeVisibility(this._lazyListener):this._loadIcon()}_clearIconQueue(){this._applyTimer&&(clearTimeout(this._applyTimer),this._applyTimer=void 0)}_queueIconUpdate(){this._applyTimer=window.setTimeout(()=>{this._applyTimer=void 0,this._applyIcon()})}async _loadIcon(){try{if(this._src)this._setIconContent(this._src);else if(this._name){let e=this._tryGetIcon(this._name);if(!e){if(!this._external){this._registrationListener=()=>this._applyIcon(),w(this._name,this._registrationListener),this._adapter.setContent("");return}if(!this._externalType)throw new Error(`Invalid external type provided for icon: ${this._name}`);let t=this._getExternalUrl(this._name,this._externalType);t&&(e=await B(t,this._name))}this._setIconContent(e)}else this._adapter.setContent("")}catch(e){throw this._adapter.setContent(""),e}}_setIconContent(e){let t=L(e,this._viewbox);this._adapter.setContent(t)}_tryGetIcon(e){return N(e)}_getExternalUrl(e,t){if(typeof this._externalUrlBuilder=="function")return this._externalUrlBuilder(e,t);let i=U(this._externalType);return`${r.strings.DEFAULT_NETWORK_BASE_URL}${i?`/${i}`:""}/${e}.svg`}get name(){return this._name}set name(e){this._name!==e&&(this._registrationListener&&this._tryRemoveListener(),this._name=(e||"").replace(/\s+/,""),this._safeApplyIcon(),this._adapter.toggleHostAttribute(r.attributes.NAME,!!this._name,this._name))}get src(){return this._src}set src(e){this._src!==e&&(this._src=e,this._adapter.isConnected&&this._applyIcon())}get lazy(){return this._lazy}set lazy(e){this._lazy!==e&&(this._lazy=e,this._safeApplyIcon(),this._adapter.setHostAttribute(r.attributes.LAZY,`${this._lazy}`))}get external(){return this._external}set external(e){this._external!==e&&(this._external=e,this._safeApplyIcon(),this._adapter.setHostAttribute(r.attributes.EXTERNAL,`${this._external}`))}get externalType(){return this._externalType}set externalType(e){this._externalType!==e&&(this._externalType=e,this._safeApplyIcon(),this._adapter.setHostAttribute(r.attributes.EXTERNAL_TYPE,`${this._externalType}`))}get externalUrlBuilder(){return this._externalUrlBuilder}set externalUrlBuilder(e){this._externalUrlBuilder!==e&&(this._externalUrlBuilder=e,this._safeApplyIcon())}get viewbox(){return this._viewbox}set viewbox(e){this._viewbox!==e&&(this._viewbox=e,this._safeApplyIcon(),this._adapter.setHostAttribute(r.attributes.VIEWBOX,`${this.viewbox}`))}layout(){this._adapter.isConnected&&this._applyIcon()}};var H="<template></template>",F=':host{font-size:24px;font-size:var(--forge-icon-font-size, 24px);display:inline-block;contain:content;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}:host>svg{fill:currentColor;fill:var(--forge-icon-theme-color,currentColor);stroke:currentColor;stroke:var(--forge-icon-theme-color,currentColor);display:block;width:1em;height:1em;stroke-width:0}:host([hidden]){display:none}:host([theme=primary]){color:var("primary")}:host([theme=secondary]){color:var("secondary")}:host([theme=warning]){color:#d14900;color:var("warning", #d14900)}:host([theme=danger]){color:#b00020;color:var("danger", #b00020)}:host([theme=success]){color:#2e7d32;color:var("success", #2e7d32)}:host([theme=info]){color:#424242;color:var("info", #424242)}:host([theme=tertiary]){color:#3d5afe;color:var("tertiary", #3d5afe)}',a=class extends y{constructor(){super();g(this,H,F),this._foundation=new m(new u(this))}static get observedAttributes(){return[r.attributes.NAME,r.attributes.SRC,r.attributes.LAZY,r.attributes.EXTERNAL,r.attributes.EXTERNAL_TYPE,r.attributes.VIEWBOX]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,s){switch(t){case r.attributes.NAME:this.name=s;break;case r.attributes.SRC:this.src=s;break;case r.attributes.LAZY:this.lazy=h(s);break;case r.attributes.EXTERNAL:this.external=h(s);break;case r.attributes.EXTERNAL_TYPE:this.externalType=s;break;case r.attributes.VIEWBOX:this.viewbox=s;break}}layout(){this._foundation.layout()}};l([p()],a.prototype,"name",2),l([p()],a.prototype,"src",2),l([p()],a.prototype,"lazy",2),l([p()],a.prototype,"external",2),l([p()],a.prototype,"externalType",2),l([p()],a.prototype,"externalUrlBuilder",2),l([p()],a.prototype,"viewbox",2),a=l([v({name:r.elementName})],a);var z=class extends A{constructor(e){super(e)}_build(){return document.createElement(r.elementName)}};function Te(){I(a)}window&&!window[_]&&(window[_]=c);export{r as a,_ as b,u as c,c as d,L as e,N as f,w as g,O as h,B as i,U as j,m as k,a as l,z as m,Te as n};
7
- //# sourceMappingURL=chunk.TCFKFKZW.js.map
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Tyler Technologies, Inc.
4
- * License: Apache-2.0
5
- */
6
- import{a as _}from"./chunk.YOXZOPAC.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as h,b as u}from"./chunk.HGH6SSHZ.js";import{a as g,e as f,f as i,k as x}from"./chunk.I5SFCLDD.js";import{t as n}from"./chunk.K7FPXAFS.js";import{k as b}from"./chunk.J2M2MXP2.js";import{d as a}from"./chunk.M3QDAYD2.js";var v=`${u}app-bar`,m={DENSE:"forge-app-bar--dense",FIXED:"forge-app-bar--fixed",RAISED:"forge-app-bar--raised",ROW:"forge-app-bar__row",TITLE_INTERACTABLE:"forge-app-bar__title--interactable",NO_CENTER:"forge-app-bar--no-center"},E={ROOT:".forge-app-bar",TITLE:".forge-app-bar__title",BOTTOM:".forge-app-bar__bottom",BOTTOM_SLOT:"slot[name=bottom]",CENTER_SLOT:"slot[name=center]",CENTER_SECTION:"#center-section",FIXED:`.${m.FIXED}`,RAISED:`.${m.RAISED}`},T={TITLE_TEXT:"title-text",FIXED:"fixed",RAISED:"raised",THEME:"theme"},t={elementName:v,selectors:E,attributes:T,classes:m};var l=class extends _{constructor(e){super(e);this._rootElement=i(e,t.selectors.ROOT),this._titleElement=i(e,t.selectors.TITLE),this._bottomElement=i(e,t.selectors.BOTTOM),this._bottomSlotElement=i(e,t.selectors.BOTTOM_SLOT),this._centerSlotElement=i(e,t.selectors.CENTER_SLOT),this._centerSectionElement=i(e,t.selectors.CENTER_SECTION)}setTitleText(e){this._titleElement.textContent=e}setDense(e){n(this._rootElement,e,t.classes.DENSE)}setRaised(e){n(this._rootElement,e,t.classes.RAISED)}setFixed(e){n(this._rootElement,e,t.classes.FIXED)}addBottomClass(e){this._bottomElement.classList.add(e)}removeBottomClass(e){this._bottomElement.classList.remove(e)}addBottomSlotListener(e){this._bottomSlotElement.addEventListener("slotchange",e)}addCenterSlotListener(e){this._centerSlotElement.addEventListener("slotchange",e)}setCenterSlotVisibility(){this._centerSlotElement.assignedNodes().length?(this._centerSectionElement.style.removeProperty("display"),this._rootElement.classList.remove(t.classes.NO_CENTER)):(this._centerSectionElement.style.display="none",this._rootElement.classList.add(t.classes.NO_CENTER))}};var p=class{constructor(o){this._adapter=o;this._fixed=!1;this._raised=!0;this._bottomSlotListener=e=>this._onBottomSlotChanged(e),this._centerSlotListener=e=>this._onCenterSlotChanged(e)}initialize(){this._adapter.setTitleText(this._titleText),this._adapter.addBottomSlotListener(this._bottomSlotListener),this._adapter.addCenterSlotListener(this._centerSlotListener),this._adapter.setCenterSlotVisibility(),this._adapter.setRaised(this._raised),this._adapter.setFixed(this._fixed)}_onBottomSlotChanged(o){o.target.assignedNodes().length?this._adapter.addBottomClass(t.classes.ROW):this._adapter.removeBottomClass(t.classes.ROW)}_onCenterSlotChanged(o){this._adapter.setCenterSlotVisibility()}get titleText(){return this._titleText}set titleText(o){this._titleText!==o&&(this._titleText=o,this._adapter.setTitleText(this._titleText),this._adapter.setHostAttribute(t.attributes.TITLE_TEXT,o))}get fixed(){return this._fixed}set fixed(o){this._fixed!==o&&(this._fixed=o,this._adapter.setFixed(this._fixed),this._adapter.setHostAttribute(t.attributes.FIXED,this._fixed.toString()))}get raised(){return this._raised}set raised(o){this._raised!==o&&(this._raised=o,this._adapter.setRaised(o),this._adapter.setHostAttribute(t.attributes.RAISED,this._raised.toString()))}};var y='<template><header class="forge-app-bar" part="root"><div class="forge-app-bar__row" part="row"><section class="forge-app-bar__section forge-app-bar__section--align-start" part="section-start"><slot name="start"></slot><slot name="logo"></slot><slot name="title"><h1 class="forge-app-bar__title" part="title"></h1></slot></section><section id="center-section" class="forge-app-bar__section forge-app-bar__section--align-center" part="section-center"><slot name="center"></slot></section><section class="forge-app-bar__section forge-app-bar__section--align-end" part="section-end"><slot name="end"></slot></section></div><div class="forge-app-bar__bottom" part="bottom"><slot name="bottom"></slot></div></header></template>',w=".forge-app-bar{color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);background-color:#283593;background-color:var(--forge-app-bar-theme-background,#283593);z-index:4;z-index:var(--forge-z-index-header,4);background-size:cover;background-position:center;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar__row{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:56px}.forge-app-bar--no-center .forge-app-bar__row{grid-template-columns:1fr auto}.forge-app-bar__section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;min-width:0;padding:0 4px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-app-bar__section--align-start{-webkit-box-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;order:-1;grid-column:1}.forge-app-bar__section--align-center{grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;order:1;grid-column:3}.forge-app-bar--no-center .forge-app-bar__section--align-end{grid-column:2}.forge-app-bar ::slotted([slot=logo]){color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 8px;font-size:3rem;overflow:visible}.forge-app-bar ::slotted([slot=profile]){margin-left:4px}.forge-app-bar ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar slot[name=user-action]{display:-webkit-inline-box;display:inline-flex;margin-right:24px}.forge-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar__title--interactable:hover{background-color:rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.forge-app-bar__title--interactable:active{background-color:rgba(255,255,255,.24)}.forge-app-bar__bottom{padding:0 4px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:auto!important;overflow:hidden;grid-row:2}.forge-app-bar--fixed{-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar--raised{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host{z-index:4;z-index:var(--forge-z-index-header,4);position:relative;display:block;contain:layout style;--mdc-theme-text-secondary-on-background:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-secondary-on-light:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-disabled-on-background:var(--forge-app-bar-theme-disabled-on-background, rgba(255, 255, 255, 0.38));--mdc-theme-text-disabled-on-light:var(--forge-app-bar-theme-disabled-on-light, rgba(255, 255, 255, 0.12))}:host ::slotted(:not(forge-button)){--mdc-theme-on-primary:var(--forge-app-bar-theme-on-background, #ffffff);--mdc-theme-on-surface:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-tab-bar){--forge-tab-bar-divider-thickness:0;--forge-tab-active-color:var(--forge-app-bar-theme-on-background, #ffffff);--forge-tab-inactive-color:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54))}:host ::slotted(forge-button:not([type])),:host ::slotted(forge-button[type=outlined]){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, rgba(255, 255, 255, 0.87))}:host([hidden]){display:none}:host([theme=white]){--forge-app-bar-theme-background:#ffffff;--forge-app-bar-theme-on-background:rgba(0, 0, 0, 0.87);--forge-app-bar-theme-secondary-on-background:rgba(0, 0, 0, 0.54);--forge-app-bar-theme-disabled-on-background:rgba(0, 0, 0, 0.38);--forge-app-bar-theme-disabled-on-light:rgba(0, 0, 0, 0.12)}",r=class extends x{constructor(){super();f(this,y,w),this._foundation=new p(new l(this))}static get observedAttributes(){return[t.attributes.TITLE_TEXT,t.attributes.FIXED,t.attributes.RAISED]}initializedCallback(){this._foundation.initialize()}attributeChangedCallback(e,k,d){switch(e){case t.attributes.TITLE_TEXT:this.titleText=d;break;case t.attributes.FIXED:this.fixed=b(d);break;case t.attributes.RAISED:this.raised=b(d);break}}get theme(){return this.getAttribute(t.attributes.THEME)||null}set theme(e){e?this.setAttribute(t.attributes.THEME,e):this.removeAttribute(t.attributes.THEME)}};a([s()],r.prototype,"titleText",2),a([s()],r.prototype,"fixed",2),a([s()],r.prototype,"raised",2),r=a([h({name:t.elementName})],r);function $(){g(r)}export{v as a,t as b,l as c,p as d,r as e,$ as f};
7
- //# sourceMappingURL=chunk.TGVLYX5F.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/app-bar/app-bar-constants.ts", "../../src/app-bar/app-bar-adapter.ts", "../../src/app-bar/app-bar-foundation.ts", "../../src/app-bar/app-bar.ts", "../../src/app-bar/index.ts"],
4
- "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nexport const elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar`;\n\nconst classes = {\n DENSE: 'forge-app-bar--dense',\n FIXED: 'forge-app-bar--fixed',\n RAISED: 'forge-app-bar--raised',\n ROW: 'forge-app-bar__row',\n TITLE_INTERACTABLE: 'forge-app-bar__title--interactable',\n NO_CENTER: 'forge-app-bar--no-center'\n};\n\nconst selectors = {\n ROOT: '.forge-app-bar',\n TITLE: '.forge-app-bar__title',\n BOTTOM: '.forge-app-bar__bottom',\n BOTTOM_SLOT: 'slot[name=bottom]',\n CENTER_SLOT: 'slot[name=center]',\n CENTER_SECTION: '#center-section',\n FIXED: `.${classes.FIXED}`,\n RAISED: `.${classes.RAISED}`\n};\n\nconst attributes = {\n TITLE_TEXT: 'title-text',\n FIXED: 'fixed',\n RAISED: 'raised',\n THEME: 'theme'\n};\n\nexport const APP_BAR_CONSTANTS = {\n elementName,\n selectors,\n attributes,\n classes\n};\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IAppBarComponent } from './app-bar';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\n\nexport interface IAppBarAdapter extends IBaseAdapter {\n setTitleText(value: string): void;\n setDense(value: boolean): void;\n setRaised(value: boolean): void;\n setFixed(value: boolean): void;\n addBottomClass(name: string): void;\n removeBottomClass(name: string): void;\n addBottomSlotListener(listener: (evt: Event) => void): void;\n addCenterSlotListener(listener: (evt: Event) => void): void;\n setCenterSlotVisibility(): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarComponent`.\n */\nexport class AppBarAdapter extends BaseAdapter<IAppBarComponent> implements IAppBarAdapter {\n private _rootElement: HTMLElement;\n private _titleElement: HTMLElement;\n private _bottomElement: HTMLElement;\n private _bottomSlotElement: HTMLSlotElement;\n private _centerSlotElement: HTMLSlotElement;\n private _centerSectionElement: HTMLElement;\n\n constructor(component: IAppBarComponent) {\n super(component);\n this._rootElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.ROOT);\n this._titleElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.TITLE);\n this._bottomElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM);\n this._bottomSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.BOTTOM_SLOT) as HTMLSlotElement;\n this._centerSlotElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SLOT) as HTMLSlotElement;\n this._centerSectionElement = getShadowElement(component, APP_BAR_CONSTANTS.selectors.CENTER_SECTION);\n }\n\n /**\n * Sets the title text value.\n * @param {string} value The title text.\n */\n public setTitleText(value: string): void {\n this._titleElement.textContent = value;\n }\n\n public setDense(value: boolean): void {\n toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.DENSE);\n }\n\n public setRaised(value: boolean): void {\n toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.RAISED);\n }\n\n public setFixed(value: boolean): void {\n toggleClass(this._rootElement, value, APP_BAR_CONSTANTS.classes.FIXED);\n }\n\n public addBottomClass(name: string): void {\n this._bottomElement.classList.add(name);\n }\n\n public removeBottomClass(name: string): void {\n this._bottomElement.classList.remove(name);\n }\n\n public addBottomSlotListener(listener: (evt: Event) => void): void {\n this._bottomSlotElement.addEventListener('slotchange', listener);\n }\n\n public addCenterSlotListener(listener: (evt: Event) => void): void {\n this._centerSlotElement.addEventListener('slotchange', listener);\n }\n\n public setCenterSlotVisibility(): void {\n if (this._centerSlotElement.assignedNodes().length) {\n this._centerSectionElement.style.removeProperty('display');\n this._rootElement.classList.remove(APP_BAR_CONSTANTS.classes.NO_CENTER);\n } else {\n this._centerSectionElement.style.display = 'none';\n this._rootElement.classList.add(APP_BAR_CONSTANTS.classes.NO_CENTER);\n }\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IAppBarAdapter } from './app-bar-adapter';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\n\nexport interface IAppBarFoundation extends ICustomElementFoundation {\n titleText: string;\n fixed: boolean;\n raised: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar component.\n */\nexport class AppBarFoundation implements IAppBarFoundation {\n private _titleText: string;\n private _fixed = false;\n private _raised = true;\n private _bottomSlotListener: (evt: Event) => void;\n private _centerSlotListener: (evt: Event) => void;\n\n constructor(private _adapter: IAppBarAdapter) {\n this._bottomSlotListener = evt => this._onBottomSlotChanged(evt);\n this._centerSlotListener = evt => this._onCenterSlotChanged(evt);\n }\n\n public initialize(): void {\n this._adapter.setTitleText(this._titleText);\n this._adapter.addBottomSlotListener(this._bottomSlotListener);\n this._adapter.addCenterSlotListener(this._centerSlotListener);\n this._adapter.setCenterSlotVisibility();\n this._adapter.setRaised(this._raised);\n this._adapter.setFixed(this._fixed);\n }\n\n private _onBottomSlotChanged(evt: Event): void {\n const slotElement = evt.target as HTMLSlotElement;\n if (slotElement.assignedNodes().length) {\n this._adapter.addBottomClass(APP_BAR_CONSTANTS.classes.ROW);\n } else {\n this._adapter.removeBottomClass(APP_BAR_CONSTANTS.classes.ROW);\n }\n }\n\n private _onCenterSlotChanged(evt: Event): void {\n this._adapter.setCenterSlotVisibility();\n }\n\n /** Gets/sets the title text. */\n public get titleText(): string {\n return this._titleText;\n }\n public set titleText(value: string) {\n if (this._titleText !== value) {\n this._titleText = value;\n this._adapter.setTitleText(this._titleText);\n this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.TITLE_TEXT, value);\n }\n }\n \n /** Gets/sets the fixed state. */\n public get fixed(): boolean {\n return this._fixed;\n }\n public set fixed(value: boolean) {\n if (this._fixed !== value) {\n this._fixed = value;\n this._adapter.setFixed(this._fixed);\n this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.FIXED, this._fixed.toString());\n }\n }\n\n public get raised(): boolean {\n return this._raised;\n }\n public set raised(value: boolean) {\n if (this._raised !== value) {\n this._raised = value;\n this._adapter.setRaised(value);\n this._adapter.setHostAttribute(APP_BAR_CONSTANTS.attributes.RAISED, this._raised.toString());\n }\n }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { AppBarAdapter } from './app-bar-adapter';\nimport { AppBarFoundation } from './app-bar-foundation';\nimport { APP_BAR_CONSTANTS } from './app-bar-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><header class=\\\"forge-app-bar\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar__row\\\" part=\\\"row\\\"><section class=\\\"forge-app-bar__section forge-app-bar__section--align-start\\\" part=\\\"section-start\\\"><slot name=\\\"start\\\"></slot><slot name=\\\"logo\\\"></slot><slot name=\\\"title\\\"><h1 class=\\\"forge-app-bar__title\\\" part=\\\"title\\\"></h1></slot></section><section id=\\\"center-section\\\" class=\\\"forge-app-bar__section forge-app-bar__section--align-center\\\" part=\\\"section-center\\\"><slot name=\\\"center\\\"></slot></section><section class=\\\"forge-app-bar__section forge-app-bar__section--align-end\\\" part=\\\"section-end\\\"><slot name=\\\"end\\\"></slot></section></div><div class=\\\"forge-app-bar__bottom\\\" part=\\\"bottom\\\"><slot name=\\\"bottom\\\"></slot></div></header></template>';\nconst styles = '.forge-app-bar{color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);background-color:#283593;background-color:var(--forge-app-bar-theme-background,#283593);z-index:4;z-index:var(--forge-z-index-header,4);background-size:cover;background-position:center;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar__row{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:56px}.forge-app-bar--no-center .forge-app-bar__row{grid-template-columns:1fr auto}.forge-app-bar__section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;min-width:0;padding:0 4px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-app-bar__section--align-start{-webkit-box-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;order:-1;grid-column:1}.forge-app-bar__section--align-center{grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;order:1;grid-column:3}.forge-app-bar--no-center .forge-app-bar__section--align-end{grid-column:2}.forge-app-bar ::slotted([slot=logo]){color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 8px;font-size:3rem;overflow:visible}.forge-app-bar ::slotted([slot=profile]){margin-left:4px}.forge-app-bar ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar slot[name=user-action]{display:-webkit-inline-box;display:inline-flex;margin-right:24px}.forge-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar__title--interactable:hover{background-color:rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.forge-app-bar__title--interactable:active{background-color:rgba(255,255,255,.24)}.forge-app-bar__bottom{padding:0 4px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:auto!important;overflow:hidden;grid-row:2}.forge-app-bar--fixed{-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar--raised{-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host{z-index:4;z-index:var(--forge-z-index-header,4);position:relative;display:block;contain:layout style;--mdc-theme-text-secondary-on-background:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-secondary-on-light:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-disabled-on-background:var(--forge-app-bar-theme-disabled-on-background, rgba(255, 255, 255, 0.38));--mdc-theme-text-disabled-on-light:var(--forge-app-bar-theme-disabled-on-light, rgba(255, 255, 255, 0.12))}:host ::slotted(:not(forge-button)){--mdc-theme-on-primary:var(--forge-app-bar-theme-on-background, #ffffff);--mdc-theme-on-surface:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-tab-bar){--forge-tab-bar-divider-thickness:0;--forge-tab-active-color:var(--forge-app-bar-theme-on-background, #ffffff);--forge-tab-inactive-color:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54))}:host ::slotted(forge-button:not([type])),:host ::slotted(forge-button[type=outlined]){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, rgba(255, 255, 255, 0.87))}:host([hidden]){display:none}:host([theme=white]){--forge-app-bar-theme-background:#ffffff;--forge-app-bar-theme-on-background:rgba(0, 0, 0, 0.87);--forge-app-bar-theme-secondary-on-background:rgba(0, 0, 0, 0.54);--forge-app-bar-theme-disabled-on-background:rgba(0, 0, 0, 0.38);--forge-app-bar-theme-disabled-on-light:rgba(0, 0, 0, 0.12)}';\n\nexport interface IAppBarComponent extends IBaseComponent {\n titleText: string;\n fixed: boolean;\n raised: boolean;\n theme: string | null | undefined;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-app-bar': IAppBarComponent;\n }\n}\n\n/**\n * The web component class behind the `<forge-app-bar>` custom element.\n * \n * @tag forge-app-bar\n */\n@CustomElement({\n name: APP_BAR_CONSTANTS.elementName\n})\nexport class AppBarComponent extends BaseComponent implements IAppBarComponent {\n public static get observedAttributes(): string[] {\n return [\n APP_BAR_CONSTANTS.attributes.TITLE_TEXT,\n APP_BAR_CONSTANTS.attributes.FIXED,\n APP_BAR_CONSTANTS.attributes.RAISED\n ];\n }\n\n private _foundation: AppBarFoundation;\n\n constructor() {\n super();\n attachShadowTemplate(this, template, styles);\n this._foundation = new AppBarFoundation(new AppBarAdapter(this));\n }\n\n public initializedCallback(): void {\n this._foundation.initialize();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case APP_BAR_CONSTANTS.attributes.TITLE_TEXT:\n this.titleText = newValue;\n break;\n case APP_BAR_CONSTANTS.attributes.FIXED:\n this.fixed = coerceBoolean(newValue);\n break;\n case APP_BAR_CONSTANTS.attributes.RAISED:\n this.raised = coerceBoolean(newValue);\n break;\n }\n }\n\n /** Gets/sets the title text. */\n @FoundationProperty()\n public declare titleText: string;\n\n /** Gets/sets the fixed variant. */\n @FoundationProperty()\n public declare fixed: boolean;\n\n /** Gets/sets the raised state. */\n @FoundationProperty()\n public declare raised: boolean;\n\n /** Convenience property to allow for easily getting/setting the theme color from JavaScript. */\n public get theme(): string | null | undefined {\n return this.getAttribute(APP_BAR_CONSTANTS.attributes.THEME) || null;\n }\n public set theme(value: string | null | undefined) {\n if (value) {\n this.setAttribute(APP_BAR_CONSTANTS.attributes.THEME, value);\n } else {\n this.removeAttribute(APP_BAR_CONSTANTS.attributes.THEME);\n }\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { AppBarComponent } from './app-bar';\n\nexport * from './app-bar-adapter';\nexport * from './app-bar-constants';\nexport * from './app-bar-foundation';\nexport * from './app-bar';\nexport * from './search';\nexport * from './menu-button';\nexport * from './notification-button';\nexport * from './help-button';\nexport * from '../profile-card';\nexport * from './profile-button';\n\nexport function defineAppBarComponent(): void {\n defineCustomElement(AppBarComponent);\n}\n"],
5
- "mappings": "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",
6
- "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "APP_BAR_CONSTANTS", "AppBarAdapter", "BaseAdapter", "component", "getShadowElement", "APP_BAR_CONSTANTS", "value", "toggleClass", "name", "listener", "AppBarFoundation", "_adapter", "evt", "APP_BAR_CONSTANTS", "value", "template", "styles", "AppBarComponent", "BaseComponent", "attachShadowTemplate", "AppBarFoundation", "AppBarAdapter", "APP_BAR_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "value", "__decorateClass", "FoundationProperty", "CustomElement", "defineAppBarComponent", "defineCustomElement", "AppBarComponent"]
7
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Tyler Technologies, Inc.
4
- * License: Apache-2.0
5
- */
6
- import{b as h}from"./chunk.E4TAHUQO.js";import{a as f}from"./chunk.YOXZOPAC.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as u,b as v}from"./chunk.HGH6SSHZ.js";import{e as m,f as p,k as b}from"./chunk.I5SFCLDD.js";import{k as l}from"./chunk.J2M2MXP2.js";import{d as i}from"./chunk.M3QDAYD2.js";var y=`${v}button-toggle`,E={VALUE:"value",SELECTED:"selected",DISABLED:"disabled",DENSE:"dense",BUTTON_ARIA_LABEL:"button-aria-label",SELECTED_ADJACENT:"selected-adjacent",SELECTED_ADJACENT_VERTICAL:"selected-adjacent-vertical",STRETCH:"stretch"},_={SELECTED:"forge-button-toggle__selected",DENSE:"forge-button-toggle--dense"},x={BUTTON:".forge-button-toggle",SELECTED:`.${_.SELECTED}`},w={SELECT:`${y}-select`},e={elementName:y,attributes:E,classes:_,selectors:x,events:w};var c=class extends f{constructor(t){super(t);this._buttonElement=p(t,e.selectors.BUTTON)}setSelected(t){t?this._buttonElement.classList.add(e.classes.SELECTED):this._buttonElement.classList.remove(e.classes.SELECTED),this._buttonElement.setAttribute("aria-pressed",t.toString())}addEventListener(t,d){this._buttonElement.addEventListener(t,d)}removeEventListener(t,d){this._buttonElement.removeEventListener(t,d)}initializeRipple(){return new h(this._buttonElement)}setDisabled(t){this._buttonElement.disabled=t,t?this._buttonElement.setAttribute("aria-disabled",t.toString()):this._buttonElement.removeAttribute("aria-disabled")}setDense(t){t?this._buttonElement.classList.add(e.classes.DENSE):this._buttonElement.classList.remove(e.classes.DENSE)}requestFocus(){this._buttonElement.focus()}detectStretchState(){if(this._component.hasAttribute(e.attributes.STRETCH))return;let t=this._component.parentElement;t&&t.hasAttribute(e.attributes.STRETCH)&&t.stretch&&this._component.setAttribute(e.attributes.STRETCH,"")}};var s=class{constructor(r){this._adapter=r;this._selected=!1;this._disabled=!1;this._dense=!1;this._clickListener=t=>this._onClick(t)}initialize(){this._rippleInstance=this._adapter.initializeRipple(),this._adapter.addEventListener("click",this._clickListener),this._adapter.setSelected(this._selected),this._adapter.setDisabled(this._disabled),this._adapter.setDense(this._dense),this._adapter.detectStretchState()}disconnect(){this._rippleInstance&&this._rippleInstance.destroy(),this._adapter.removeEventListener("click",this._clickListener)}_onClick(r){this._selected=!this._selected,this._updateSelectedState(),this._adapter.emitHostEvent(e.events.SELECT,{value:this._value,selected:this._selected})}_updateSelectedState(){this._adapter.setSelected(this._selected),this._adapter.setHostAttribute(e.attributes.SELECTED,this._selected.toString())}get value(){return this._value}set value(r){this._value=r}get selected(){return this._selected}set selected(r){this._selected!==r&&(this._selected=r,this._updateSelectedState())}get disabled(){return this._disabled}set disabled(r){this._disabled!==r&&(this._disabled=r,this._adapter.setDisabled(this._disabled))}get dense(){return this._dense}set dense(r){this._dense!==r&&(this._dense=r,this._adapter.setDense(this._dense))}setFocus(){this._adapter.requestFocus()}};var k='<template><button type="button" class="forge-button-toggle" aria-pressed="false" part="button"><slot name="leading"></slot><slot></slot><slot name="trailing"></slot></button></template>',T='@-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-button-toggle{--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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;width:100%;box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);border-radius:0;border-bottom-width:var(--forge-button-toggle-border-bottom-width,1px);border-right-width:var(--forge-button-toggle-border-right-width,1px);border-top-left-radius:var(--forge-button-toggle-border-top-left-radius,4px);border-bottom-left-radius:var(--forge-button-toggle-border-bottom-left-radius,4px);border-top-right-radius:var(--forge-button-toggle-border-top-right-radius,4px);border-bottom-right-radius:var(--forge-button-toggle-border-bottom-right-radius,4px)}.forge-button-toggle::after,.forge-button-toggle::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button-toggle::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)}.forge-button-toggle::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-toggle.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-toggle.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button-toggle.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-toggle.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}.forge-button-toggle.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))}.forge-button-toggle::after,.forge-button-toggle::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-toggle.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-toggle::after,.forge-button-toggle::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-toggle.mdc-ripple-surface--hover::before,.forge-button-toggle:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-toggle .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button-toggle::-moz-focus-inner{padding:0;border:0}.forge-button-toggle:active{outline:0}.forge-button-toggle:hover{cursor:pointer}.forge-button-toggle:disabled{cursor:default;pointer-events:none}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button-toggle:not(:disabled){background-color:transparent}.forge-button-toggle:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-button-toggle .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-button-toggle:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#6200ee))}.forge-button-toggle:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-button-toggle .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-button-toggle .mdc-button__ripple::after,.forge-button-toggle .mdc-button__ripple::before{background-color:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#6200ee))}.forge-button-toggle.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-button-toggle:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-button-toggle.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-button-toggle:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-button-toggle:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-button-toggle.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-button-toggle .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-button-toggle:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-button-toggle:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-button-toggle.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-button-toggle.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-button-toggle .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-button-toggle .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-button-toggle:not(:disabled){border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-button-toggle:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button-toggle__selected:not(:disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}.forge-button-toggle__selected:not(:disabled)::after,.forge-button-toggle__selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-button-toggle__selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle__selected:disabled{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff);opacity:.37}.forge-button-toggle__selected:disabled::after,.forge-button-toggle__selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button-toggle__selected:disabled.mdc-ripple-surface--hover::before,.forge-button-toggle__selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-toggle__selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-toggle__selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-toggle ::slotted([slot=leading]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-right:4px}.forge-button-toggle ::slotted([slot=trailing]){display:inline-block;width:1.125rem;height:1.125rem;font-size:1.125rem!important;vertical-align:top;margin-left:4px}.forge-button-toggle--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem;font-size:.75rem}.forge-button-toggle--dense .mdc-button__touch{height:100%}.forge-button-toggle--dense ::slotted([slot=leading]){width:.875rem;height:.875rem;font-size:.875rem!important}.forge-button-toggle--dense ::slotted([slot=trailing]){width:.875rem;height:.875rem;font-size:.875rem!important}:host{display:inline-block}:host([hidden]){display:none}:host([stretch]){width:100%;-webkit-box-flex:1;flex:1}:host([selected-adjacent]) .forge-button-toggle{border-left-color:var(--mdc-theme-text-primary-on-dark)}:host([selected-adjacent-vertical]) .forge-button-toggle{border-top-color:var(--mdc-theme-text-primary-on-dark)}',o=class extends b{constructor(){super();m(this,k,T),this._foundation=new s(new c(this)),this._buttonElement=p(this,e.selectors.BUTTON)}static get observedAttributes(){return[e.attributes.VALUE,e.attributes.SELECTED,e.attributes.DISABLED,e.attributes.DENSE,e.attributes.BUTTON_ARIA_LABEL]}initializedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,d,a){switch(t){case e.attributes.VALUE:this.value=a;break;case e.attributes.SELECTED:this.selected=l(a);break;case e.attributes.DISABLED:this.disabled=l(a);break;case e.attributes.DENSE:this.dense=l(a);break;case e.attributes.BUTTON_ARIA_LABEL:this._buttonElement.setAttribute("aria-label",a);break}}focus(){this._foundation.setFocus()}};i([n()],o.prototype,"value",2),i([n()],o.prototype,"selected",2),i([n()],o.prototype,"disabled",2),i([n()],o.prototype,"dense",2),o=i([u({name:e.elementName})],o);export{e as a,c as b,s as c,o as d};
7
- //# sourceMappingURL=chunk.TSH7BTC3.js.map
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Tyler Technologies, Inc.
4
- * License: Apache-2.0
5
- */
6
- import{d as W}from"./chunk.IJ2I25V3.js";import{b as K}from"./chunk.DLQSINSS.js";import{C as D}from"./chunk.FYWPZFLJ.js";import{d as U,l as Z}from"./chunk.TCFKFKZW.js";import{a as z}from"./chunk.YOXZOPAC.js";import{a as g}from"./chunk.NVUMRW44.js";import{a as B,b as N}from"./chunk.HGH6SSHZ.js";import{a as M,e as O,f as s,k as G}from"./chunk.I5SFCLDD.js";import{d as u,k as C,o as P}from"./chunk.J2M2MXP2.js";import{a as L,d as h}from"./chunk.M3QDAYD2.js";var F=`${N}color-picker`,Y={VALUE:"value",ALLOW_OPACITY:"allow-opacity",DEBOUNCE_CHANGE_EVENT:"debounce-change-event"},J={SLIDER_THUMB_ACTIVE:"forge-color-picker__slider-thumb--active",GRADIENT_THUMB_ACTIVE:"forge-color-picker__gradient-thumb--active"},Q={GRADIENT:".forge-color-picker__gradient",GRADIENT_THUMB:".forge-color-picker__gradient-thumb",PREVIEW_COLOR:".forge-color-picker__color-preview",HEX_INPUT:"#forge-color-picker-hex-input",RGBA_INPUT:"#forge-color-picker-rgba-input",HSVA_INPUT:"#forge-color-picker-hsva-input",HUE_SLIDER:".forge-color-picker__hue-slider",HUE_SLIDER_THUMB:"#forge-color-picker-hue-thumb",OPACITY_SLIDER:".forge-color-picker__opacity-slider",OPACITY_SLIDER_THUMB:"#forge-color-picker-opacity-thumb",SLIDER:".forge-color-picker__slider",SLIDER_THUMB:".forge-color-picker__slider-thumb",COLOR_VALUE_HEX_CONTAINER:".forge-color-picker__color-hex",COLOR_VALUE_RGBA_CONTAINER:".forge-color-picker__color-rgba",COLOR_VALUE_HSVA_CONTAINER:".forge-color-picker__color-hsva",TYPE_BUTTON:"#forge-color-picker-type-button",COLOR_VALUE_RGBA_R:"#forge-color-picker-rgba-r-input",COLOR_VALUE_RGBA_G:"#forge-color-picker-rgba-g-input",COLOR_VALUE_RGBA_B:"#forge-color-picker-rgba-b-input",COLOR_VALUE_RGBA_A:"#forge-color-picker-rgba-a-input",COLOR_VALUE_HSVA_H:"#forge-color-picker-hsva-h-input",COLOR_VALUE_HSVA_S:"#forge-color-picker-hsva-s-input",COLOR_VALUE_HSVA_V:"#forge-color-picker-hsva-v-input",COLOR_VALUE_HSVA_A:"#forge-color-picker-hsva-a-input"},q={CHANGE:`${F}-change`},ee={CHANGE_EVENT_DEBOUNCE_THRESHOLD:200},o={elementName:F,attributes:Y,events:q,classes:J,selectors:Q,numbers:ee},w="000000",A=(n=>(n.HEX="hex",n.RGB="rgb",n.RGBA="rgba",n.HSV="hsv",n.HSVA="hsva",n))(A||{});var f=class extends z{constructor(t){super(t);this._gradientElement=s(t,o.selectors.GRADIENT),this._previewColorElement=s(t,o.selectors.PREVIEW_COLOR),this._hexInputElement=s(t,o.selectors.HEX_INPUT),this._rgbaInputRElement=s(t,o.selectors.COLOR_VALUE_RGBA_R),this._rgbaInputGElement=s(t,o.selectors.COLOR_VALUE_RGBA_G),this._rgbaInputBElement=s(t,o.selectors.COLOR_VALUE_RGBA_B),this._rgbaInputAElement=s(t,o.selectors.COLOR_VALUE_RGBA_A),this._hsvaInputHElement=s(t,o.selectors.COLOR_VALUE_HSVA_H),this._hsvaInputSElement=s(t,o.selectors.COLOR_VALUE_HSVA_S),this._hsvaInputVElement=s(t,o.selectors.COLOR_VALUE_HSVA_V),this._hsvaInputAElement=s(t,o.selectors.COLOR_VALUE_HSVA_A),this._hueSliderElement=s(t,o.selectors.HUE_SLIDER),this._hueSliderThumbElement=s(t,o.selectors.HUE_SLIDER_THUMB),this._opacitySliderElement=s(t,o.selectors.OPACITY_SLIDER),this._opacitySliderThumbElement=s(t,o.selectors.OPACITY_SLIDER_THUMB),this._hexValueContainerElement=s(t,o.selectors.COLOR_VALUE_HEX_CONTAINER),this._rgbaValueContainerElement=s(t,o.selectors.COLOR_VALUE_RGBA_CONTAINER),this._hsvaValueContainerElement=s(t,o.selectors.COLOR_VALUE_HSVA_CONTAINER),this._typeButtonElement=s(t,o.selectors.TYPE_BUTTON)}setPreviewColor(t){this._previewColorElement.style.backgroundColor=t}setHexInputValue(t){this._hexInputElement.value=t}setRgbaInputValue(t){this._rgbaInputRElement.value=t.r.toString(),this._rgbaInputGElement.value=t.g.toString(),this._rgbaInputBElement.value=t.b.toString(),this._rgbaInputAElement.value=t.a.toString()}setHsvaInputValue(t){this._hsvaInputHElement.value=t.h.toString(),this._hsvaInputSElement.value=t.s.toString(),this._hsvaInputVElement.value=t.v.toString(),this._hsvaInputAElement.value=t.a.toString()}updateA11y(t,i){this._hueSliderThumbElement.setAttribute("aria-valuenow",t.toString()),this._hueSliderThumbElement.setAttribute("aria-valuetext",t.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuenow",i.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuetext",i.toString())}setGradientColor(t){this._gradientElement.style.backgroundColor=t}getHueSliderElement(){return this._hueSliderElement}getOpacitySliderElement(){return this._opacitySliderElement}getGradientElement(){return this._gradientElement}setActiveValueType(t){switch(this._hexValueContainerElement.style.display="none",this._rgbaValueContainerElement.style.display="none",this._hsvaValueContainerElement.style.display="none",t){case"hex":this._hexValueContainerElement.style.removeProperty("display");break;case"rgba":this._rgbaValueContainerElement.style.removeProperty("display");break;case"hsva":this._hsvaValueContainerElement.style.removeProperty("display");break}}focusValueInput(t){switch(t){case"hex":this._hexInputElement.focus(),this._hexInputElement.select();break;case"rgba":this._rgbaInputRElement.focus(),this._rgbaInputRElement.select();break;case"hsva":this._hsvaInputHElement.focus(),this._hsvaInputHElement.select();break}}setTypeClickListener(t){this._typeButtonElement.addEventListener("click",t)}removeTypeClickListener(t){this._typeButtonElement.removeEventListener("click",t)}setHexInputListener(t,i){this._hexInputElement.addEventListener(t,i)}removeHexInputListener(t,i){this._hexInputElement.removeEventListener(t,i)}getHexInputValue(){return this._hexInputElement.value}setRgbaInputListener(t,i){this._rgbaInputRElement.addEventListener(t,i),this._rgbaInputGElement.addEventListener(t,i),this._rgbaInputBElement.addEventListener(t,i),this._rgbaInputAElement.addEventListener(t,i)}removeRgbaInputListener(t,i){this._rgbaInputRElement.removeEventListener(t,i),this._rgbaInputGElement.removeEventListener(t,i),this._rgbaInputBElement.removeEventListener(t,i),this._rgbaInputAElement.removeEventListener(t,i)}getRgbaInputValue(){return{r:parseInt(this._rgbaInputRElement.value,10),g:parseInt(this._rgbaInputGElement.value,10),b:parseInt(this._rgbaInputBElement.value,10),a:parseFloat(this._rgbaInputAElement.value)}}setHsvaInputListener(t,i){this._hsvaInputHElement.addEventListener(t,i),this._hsvaInputSElement.addEventListener(t,i),this._hsvaInputVElement.addEventListener(t,i),this._hsvaInputAElement.addEventListener(t,i)}removeHsvaInputListener(t,i){this._hsvaInputHElement.removeEventListener(t,i),this._hsvaInputSElement.removeEventListener(t,i),this._hsvaInputVElement.removeEventListener(t,i),this._hsvaInputAElement.removeEventListener(t,i)}getHsvaInputValue(){return{h:parseInt(this._hsvaInputHElement.value,10),s:parseInt(this._hsvaInputSElement.value,10),v:parseInt(this._hsvaInputVElement.value,10),a:parseFloat(this._hsvaInputAElement.value)}}toggleOpacityControls(t){t?(this._opacitySliderElement.style.removeProperty("display"),this._rgbaInputAElement.parentElement&&this._rgbaInputAElement.parentElement.style.removeProperty("display"),this._hsvaInputAElement.parentElement&&this._hsvaInputAElement.parentElement.style.removeProperty("display")):(this._opacitySliderElement.style.display="none",this._rgbaInputAElement.parentElement&&(this._rgbaInputAElement.parentElement.style.display="none"),this._hsvaInputAElement.parentElement&&(this._hsvaInputAElement.parentElement.style.display="none"))}};function E(r,e,t){let i=t.getBoundingClientRect(),a=r-i.left,n=e-i.top;return a>i.width?a=i.width:a<0&&(a=0),n>i.height?n=i.height:n<0&&(n=0),{x:a,y:n,height:i.height,width:i.width}}function v(r){let e,t,i,a=r.h/60,n=r.s/100,l=r.v/100;if(n===0)return e=t=i=l,{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a};let d=Math.floor(a),_=a-d,c=l*(1-n),k=l*(1-n*_),x=l*(1-n*(1-_));switch(d){case 0:e=l,t=x,i=c;break;case 1:e=k,t=l,i=c;break;case 2:e=c,t=l,i=x;break;case 3:e=c,t=k,i=l;break;case 4:e=x,t=c,i=l;break;default:e=l,t=c,i=k}return{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a}}function m(r){return T(r.r)+T(r.g)+T(r.b)+(Math.round(r.a*255)+65536).toString(16).substr(-2)}function T(r){return("0"+r.toString(16)).slice(-2)}function $(r){let e=r.length===3||r.length===4,t=e?`${r.slice(0,1)}${r.slice(0,1)}`:r.slice(0,2),i=e?`${r.slice(1,2)}${r.slice(1,2)}`:r.slice(2,4),a=e?`${r.slice(2,3)}${r.slice(2,3)}`:r.slice(4,6),n=(e?`${r.slice(3,4)}${r.slice(3,4)}`:r.slice(6,8))||"ff";return{r:parseInt(t,16),g:parseInt(i,16),b:parseInt(a,16),a:parseFloat((parseInt(n,16)/255).toFixed(2))}}function X(r){return`rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`}function H(r,e){let t=r.replace(/^#/,"");return e||(t.length===4?t=t.substring(0,3):t.length===8&&(t=t.substring(0,6))),`#${t}`}function j(r){let e=r.r/255,t=r.g/255,i=r.b/255,a=Math.max(e,t,i),n=Math.min(e,t,i),l=a,d=a,_=a,c=a-n;if(d=a===0?0:c/a,a===n)l=0;else{switch(a){case e:l=(t-i)/c+(t<i?6:0);break;case t:l=(i-e)/c+2;break;case i:l=(e-t)/c+4;break}l/=6}return{h:Math.round(l*360),s:Math.round(d*100),v:Math.round(_*100),a:r.a}}function S(r){if(!r||typeof r!="string")return!1;switch(r.substring(0,1)==="#"&&(r=r.substring(1)),r.length){case 3:return/^[0-9A-F]{3}$/i.test(r);case 4:return/^[0-9A-F]{4}$/i.test(r);case 6:return/^[0-9A-F]{6}$/i.test(r);case 8:return/^[0-9A-F]{8}$/i.test(r);default:return!1}}function R(r){return u(r.r)&&r.r>=0&&r.r<=255&&u(r.g)&&r.g>=0&&r.g<=255&&u(r.b)&&r.b>=0&&r.b<=255&&u(r.a)&&r.a>=0&&r.a<=1}function V(r){return u(r.h)&&r.h>=0&&r.h<=360&&u(r.s)&&r.s>=0&&r.s<=100&&u(r.v)&&r.v>=0&&r.v<=100&&u(r.a)&&r.a>=0&&r.a<=1}var y=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e,t){window.requestAnimationFrame(()=>{let i=this._rootElement.getBoundingClientRect();this._xPercent=Math.round(i.width*(e/100)),this._yPercent=i.height-Math.round(i.height*(t/100)),this._setThumbPosition(this._xPercent,this._yPercent)})}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.GRADIENT_THUMB),this._listen(),this._setThumbPosition(this._xPercent,this._yPercent)}_listen(){this._rootElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._rootElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="Enter"||e.keyCode===13,i=e.key==="ArrowLeft"||e.keyCode===37,a=e.key==="ArrowUp"||e.keyCode===38,n=e.key==="ArrowRight"||e.keyCode===39,l=e.key==="ArrowDown"||e.keyCode===40,d=this._rootElement.getBoundingClientRect();if(l)e.preventDefault(),this._yPercent++;else if(a)e.preventDefault(),this._yPercent--;else if(i)e.preventDefault(),this._xPercent--;else if(n)e.preventDefault(),this._xPercent++;else if(t)e.preventDefault();else return;this._xPercent>d.width?this._xPercent=d.width:this._xPercent<0&&(this._xPercent=0),this._yPercent>d.height?this._yPercent=d.height:this._yPercent<0&&(this._yPercent=0),this._setThumbPosition(this._xPercent,this._yPercent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._updateThumbPosition(e)}_onUp(e){document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type),i=t?e.clientX:e.changedTouches[0].clientX,a=t?e.clientY:e.changedTouches[0].clientY,n=this._calculateSliderPercent(i,a);this._setThumbPosition(n.x,n.y),this._xPercent=parseInt((n.x/n.width*100).toString(),10),this._yPercent=Math.abs(parseInt((n.y/n.height*100).toString(),10)-100),this._notify()}_calculateSliderPercent(e,t){return E(e,t,this._rootElement)}_setThumbPosition(e,t){this._thumbElement.style.left=`${e}px`,this._thumbElement.style.top=`${t}px`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._xPercent,this._yPercent)}};var b=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._percent=1;this._min=0;this._max=1;this._step=.01;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e){this._percent=e,this._setThumbPosition(this._percent)}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.SLIDER_THUMB),this._listen(),this._setThumbPosition(this._percent)}_listen(){this._thumbElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._thumbElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="ArrowLeft"||e.keyCode===37,i=e.key==="ArrowRight"||e.keyCode===39,a=e.key==="Home"||e.keyCode===36,n=e.key==="End"||e.keyCode===35;t?(e.preventDefault(),this._percent-=this._step):i?(e.preventDefault(),this._percent+=this._step):a?(e.preventDefault(),this._percent=this._min):n&&(e.preventDefault(),this._percent=this._max),this._percent<this._min?this._percent=this._min:this._percent>this._max&&(this._percent=this._max),this._setThumbPosition(this._percent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._thumbElement.classList.add(o.classes.SLIDER_THUMB_ACTIVE),this._updateThumbPosition(e)}_onUp(e){this._thumbElement.classList.remove(o.classes.SLIDER_THUMB_ACTIVE),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type)?e.clientX:e.changedTouches[0].clientX;this._percent=this._calculateSliderPercent(t),this._setThumbPosition(this._percent),this._notify()}_calculateSliderPercent(e){let t=E(e,0,this._rootElement);return parseFloat((t.x/t.width).toFixed(2))}_setThumbPosition(e){this._thumbElement.style.left=`${e*100}%`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._percent)}};var I=class{constructor(e){this._adapter=e;this._value=null;this._allowOpacity=!0;this._hex=w;this._hsva={h:0,s:0,v:0,a:1};this._rgba={r:0,g:0,b:0,a:1};this._debounceChangeEvent=!1;this._valueType="hex";this._initialized=!1;this._gradientSliderChangedListener=(t,i)=>this._onGradientSliderChanged(t,i),this._hueSliderChangedListener=t=>this._onHueSliderChanged(t),this._opacitySliderChangedListener=t=>this._onOpacitySliderChanged(t),this._typeClickListener=t=>this._onTypeClicked(t),this._hexInputChangedListener=t=>this._onHexInputChanged(),this._rgbaInputChangedListener=t=>this._onRgbaInputChanged(),this._hsvaInputChangedListener=t=>this._onHsvaInputChanged()}initialize(){this._initialized=!0,this._applyChangeEventTrigger(),this._adapter.setTypeClickListener(this._typeClickListener),this._adapter.setHexInputListener("input",this._hexInputChangedListener),this._adapter.setRgbaInputListener("input",this._rgbaInputChangedListener),this._adapter.setHsvaInputListener("input",this._hsvaInputChangedListener),this._gradientSlider=new y(this._adapter.getGradientElement(),this._gradientSliderChangedListener),this._hueSlider=new b(this._adapter.getHueSliderElement(),this._hueSliderChangedListener),this._opacitySlider=new b(this._adapter.getOpacitySliderElement(),this._opacitySliderChangedListener),this._initializeOpacity(),this._setColorFromHex(),this._adapter.setActiveValueType(this._valueType)}disconnect(){this._adapter.removeTypeClickListener(this._typeClickListener),this._adapter.removeHexInputListener("input",this._hexInputChangedListener),this._adapter.removeRgbaInputListener("input",this._hexInputChangedListener),this._adapter.removeHsvaInputListener("input",this._hexInputChangedListener),this._gradientSlider.destroy(),this._hueSlider.destroy(),this._opacitySlider.destroy(),this._initialized=!1}_applyChangeEventTrigger(){this._debounceChangeEvent?this._triggerChangeEvent=P((e,t)=>{this._emitChangeEvent(e,t)},o.numbers.CHANGE_EVENT_DEBOUNCE_THRESHOLD,!1):this._triggerChangeEvent=(e,t)=>this._emitChangeEvent(e,t)}_initializeOpacity(){this._hsva.a=1,this._adapter.toggleOpacityControls(this._allowOpacity),this._render()}_onTypeClicked(e){this._valueType==="hex"?this._valueType="rgba":this._valueType==="rgba"?this._valueType="hsva":this._valueType==="hsva"&&(this._valueType="hex"),this._adapter.setActiveValueType(this._valueType),this._adapter.focusValueInput(this._valueType)}_onHexInputChanged(){let e=this._adapter.getHexInputValue();S(e)&&(this.value=e,this._triggerChangeEvent("input","hex"))}_onRgbaInputChanged(){let e=this._adapter.getRgbaInputValue();R(e)&&(this.value=m(e),this._triggerChangeEvent("input","rgba"))}_onHsvaInputChanged(){let e=this._adapter.getHsvaInputValue();V(e)&&(this.value=m(v(e)),this._triggerChangeEvent("input","hsva"))}_setColorFromHex(){this._rgba=$(this._hex),this._hsva=j(this._rgba),this._initialized&&(this._gradientSlider.setValue(this._hsva.s,this._hsva.v),this._hueSlider.setValue(parseFloat((this._hsva.h/360).toFixed(2))),this._opacitySlider.setValue(this._hsva.a),this._render())}_onGradientSliderChanged(e,t){this._hsva.s=e,this._hsva.v=t,this._syncColors(),this._render(),this._triggerChangeEvent("slider","gradient")}_onHueSliderChanged(e){this._hsva.h=parseInt((360*e).toString(),10),this._syncColors(),this._setGradientColor(),this._render(),this._triggerChangeEvent("slider","hue")}_onOpacitySliderChanged(e){this._hsva.a=e,this._syncColors(),this._render(),this._triggerChangeEvent("slider","opacity")}_setGradientColor(){let e=v({h:this._hsva.h,s:100,v:100,a:1});this._adapter.setGradientColor(`rgb(${e.r}, ${e.g}, ${e.b})`)}_syncColors(){this._rgba=v(this._hsva),this._hex=m(this._rgba),this._value=this._hex||null}_render(){this._setGradientColor(),this._adapter.setPreviewColor(X(this._rgba)),this._adapter.setHexInputValue(`#${this._hex}`),this._adapter.setRgbaInputValue(this._rgba),this._adapter.setHsvaInputValue(this._hsva),this._adapter.updateA11y(this._hsva.h,Math.round(this._hsva.a*100))}_emitChangeEvent(e,t){let i={type:e,source:t,hex:H(this._hex,!1).replace(/^#/,""),rgba:this._rgba,hsva:this._hsva};this._allowOpacity&&(i.alpha=this._hsva.a),this._adapter.emitHostEvent(o.events.CHANGE,i)}get value(){return H(this._hex,!1)}set value(e){if(this._value!==e){if(this._value=e||w,!S(this._value))throw new Error("Invalid hex value provided.");this._hex=this._value.replace(/^#/,""),this._setColorFromHex(),this._adapter.setHostAttribute(o.attributes.VALUE,this._value)}}get rgba(){return this._rgba?L({},this._rgba):null}set rgba(e){e?R(e)&&(this.value=m(e)):this.value=null}get hsva(){return this._hsva?L({},this._hsva):null}set hsva(e){e?V(e)&&(this.value=m(v(e))):this.value=null}get opacity(){return this._hsva?this._hsva.a:null}set opacity(e){this._hsva.a!==e&&e!=null&&this._allowOpacity&&(e>=0&&e<=1?(this._hsva.a=e,this._syncColors(),this._initialized&&(this._opacitySlider.setValue(this._hsva.a),this._render())):console.warn(`The provided opacity value (${e}) must be between 0 and 1.`))}get allowOpacity(){return this._allowOpacity}set allowOpacity(e){this._allowOpacity=e,this._initialized&&this._initializeOpacity()}get debounceChangeEvent(){return this._debounceChangeEvent}set debounceChangeEvent(e){this._debounceChangeEvent!==e&&(this._debounceChangeEvent=e,this._initialized&&this._applyChangeEventTrigger())}};var te='<template><div class="forge-color-picker" part="root"><input type="color" tabindex="-1" class="forge-color-picker__input" spellcheck="false" autocomplete="off" aria-label="Color picker value" part="input"><div class="forge-color-picker__container" part="container"><div class="forge-color-picker__gradient" tabindex="0" part="gradient"><div class="forge-color-picker__gradient-color" part="gradient-color"></div><div class="forge-color-picker__gradient-thumb" part="gradient-thumb"></div></div><div class="forge-color-picker__control-preview" part="controls-preview-container"><div class="forge-color-picker__controls" part="controls-container"><div class="forge-color-picker__slider-control" part="hue-control-container"><div class="forge-color-picker__slider forge-color-picker__hue-slider" part="hue-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-hue-thumb" part="hue-control-slider-thumb" tabindex="0" role="slider" aria-label="Change hue" aria-valuemin="0" aria-valuemax="360" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div><div class="forge-color-picker__slider-control" part="opacity-control-container"><div class="forge-color-picker__canvas" part="opacity-control-canvas"><div class="forge-color-picker__slider forge-color-picker__opacity-slider" part="opacity-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-opacity-thumb" part="opacity-control-slider-thumb" tabindex="0" role="slider" aria-label="Change opacity" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div></div></div><div class="forge-color-picker__color-preview-container forge-color-picker__canvas" part="color-preview-container"><div class="forge-color-picker__color-preview" part="color-preview"></div></div></div><div class="forge-color-picker__value" part="value-container"><div class="forge-color-picker__color-types" part="types-container"><div class="forge-color-picker__color-hex" part="hex-type-container"><div part="hex-type-label-wrapper"><label for="forge-color-picker-hex-input" part="hex-label">HEX</label></div><input type="text" id="forge-color-picker-hex-input" part="hex-input" style="width: 88px;" maxlength="9" spellcheck="false" autocomplete="off" aria-label="HEX value"></div><div class="forge-color-picker__color-rgba" part="rgba-type-container"><div part="rgba-type-wrapper-r"><label for="forge-color-picker-rgba-r-input" part="rgba-type-label-r">R</label> <input type="number" id="forge-color-picker-rgba-r-input" part="rgba-type-input-r" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Red"></div><div part="rgba-type-wrapper-g"><label for="forge-color-picker-rgba-g-input" part="rgba-type-label-g">G</label> <input type="number" id="forge-color-picker-rgba-g-input" part="rgba-type-input-g" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Green"></div><div part="rgba-type-wrapper-b"><label for="forge-color-picker-rgba-b-input" part="rgba-type-label-b">B</label> <input type="number" id="forge-color-picker-rgba-b-input" part="rgba-type-input-b" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Blue"></div><div part="rgba-type-wrapper-a"><label for="forge-color-picker-rgba-a-input" part="rgba-type-label-a">A</label> <input type="number" id="forge-color-picker-rgba-a-input" part="rgba-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div><div class="forge-color-picker__color-hsva" part="hsva-type-container"><div part="hsva-type-wrapper-h"><label for="forge-color-picker-hsva-h-input" part="hsva-type-label-h">H</label> <input type="number" id="forge-color-picker-hsva-h-input" part="hsva-type-input-h" min="0" max="360" maxlength="3" autocomplete="off" aria-label="Hue"></div><div part="hsva-type-wrapper-s"><label for="forge-color-picker-hsva-s-input" part="hsva-type-label-s">S</label> <input type="number" id="forge-color-picker-hsva-s-input" part="hsva-type-input-s" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Saturation"></div><div part="hsva-type-wrapper-v"><label for="forge-color-picker-hsva-v-input" part="hsva-type-label-v">V</label> <input type="number" id="forge-color-picker-hsva-v-input" part="hsva-type-input-v" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Value"></div><div part="hsva-type-wrapper-a"><label for="forge-color-picker-hsva-a-input" part="hsva-type-label-a">A</label> <input type="number" id="forge-color-picker-hsva-a-input" part="hsva-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div></div><div class="forge-color-picker__type-button" part="type-container"><forge-icon-button part="type-button"><button type="button" id="forge-color-picker-type-button" aria-labelledby="type-button-tooltip" part="type-button-element"><forge-icon name="unfold_more" part="type-button-icon"></forge-icon></button><forge-tooltip delay="500" position="bottom" id="type-button-tooltip">Change color format</forge-tooltip></forge-icon-button></div></div></div></div></template>',ie='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-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}}.forge-icon-button{--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}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::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)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.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}.forge-icon-button.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))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.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%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.forge-color-picker{width:272px;width:var(--forge-color-picker-width,272px);position:relative;display:inline-block;overflow:hidden}.forge-color-picker__input{height:1px;opacity:0;position:absolute;width:1px}.forge-color-picker__gradient{position:relative;outline:0}.forge-color-picker__gradient-color{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);height:152px}.forge-color-picker__gradient-thumb{border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:10px;width:10px;margin-left:-5px;margin-top:-5px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s;transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s}.forge-color-picker__control-preview{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;padding:16px}.forge-color-picker__controls{-webkit-box-flex:1;flex:1;margin-right:16px}.forge-color-picker__slider{position:relative}.forge-color-picker__slider-thumb{outline:0;height:16px;width:16px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;border-radius:50%;top:calc(50% - 8px);margin-left:-8px;-webkit-transition:left .4s cubic-bezier(.25, .8, .25, 1);transition:left .4s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__slider-thumb--active{-webkit-transition:none;transition:none}.forge-color-picker__slider-thumb:hover{cursor:pointer}.forge-color-picker__color-preview-container{border-radius:50%;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);overflow:hidden}.forge-color-picker__color-preview{height:32px;width:32px;-webkit-transition:background-color .2s cubic-bezier(.25, .8, .25, 1);transition:background-color .2s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__value{display:-webkit-box;display:flex;width:100%;-webkit-box-align:center;align-items:center;padding:0 8px 16px 16px;font-size:12px}.forge-color-picker__color-types{-webkit-box-flex:1;flex:1}.forge-color-picker__color-types label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))}.forge-color-picker__color-types input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-color-picker__color-types input[type=number],.forge-color-picker__color-types input[type=text]{color:#000;color:var(--mdc-theme-on-surface,#000);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:transparent;padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-color-picker__color-types input[type=number]:hover,.forge-color-picker__color-types input[type=text]:hover{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-color-picker__color-types input[type=number]:focus,.forge-color-picker__color-types input[type=text]:focus{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee);-webkit-box-shadow:0 0 0 1px inset #3f51b5;box-shadow:0 0 0 1px inset #3f51b5;-webkit-box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5);box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5)}.forge-color-picker__color-types input[type=number]{text-align:center;-moz-appearance:textfield}.forge-color-picker__color-types input[type=number]::-webkit-inner-spin-button,.forge-color-picker__color-types input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.forge-color-picker__color-hex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:space-between;align-items:space-between}.forge-color-picker__canvas{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}.forge-color-picker__hue-slider{height:8px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.forge-color-picker__opacity-slider{height:8px;margin-top:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(red));background:linear-gradient(to right,rgba(255,0,0,0) 0,red 100%)}.forge-color-picker__color-hsva,.forge-color-picker__color-rgba{display:-webkit-box;display:flex}.forge-color-picker__color-hsva div,.forge-color-picker__color-rgba div{margin-right:4px}.forge-color-picker__color-hsva label,.forge-color-picker__color-rgba label{display:block;text-align:center}.forge-color-picker__color-hsva input,.forge-color-picker__color-rgba input{width:44px}:host{display:inline-block}:host([hidden]){display:none}',p=class extends G{constructor(){super();U.define(D),O(this,te,ie),this._foundation=new I(new f(this))}static get observedAttributes(){return[o.attributes.VALUE,o.attributes.ALLOW_OPACITY,o.attributes.DEBOUNCE_CHANGE_EVENT]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,a){switch(t){case o.attributes.VALUE:this.value=a;break;case o.attributes.ALLOW_OPACITY:this.allowOpacity=C(a);break;case o.attributes.DEBOUNCE_CHANGE_EVENT:this.debounceChangeEvent=C(a);break}}};h([g()],p.prototype,"value",2),h([g()],p.prototype,"rgba",2),h([g()],p.prototype,"hsva",2),h([g()],p.prototype,"opacity",2),h([g()],p.prototype,"allowOpacity",2),h([g()],p.prototype,"debounceChangeEvent",2),p=h([B({name:o.elementName,dependencies:[K,W,Z]})],p);function Ye(){M(p)}export{o as a,w as b,A as c,f as d,I as e,p as f,Ye as g};
7
- //# sourceMappingURL=chunk.U5XNDTSZ.js.map