@tylertech/forge 3.0.0-next.7 → 3.0.0-next.9

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 (359) hide show
  1. package/custom-elements.json +7530 -4847
  2. package/dist/button/forge-button.css +1 -1
  3. package/dist/esm/accordion/index.js +1 -1
  4. package/dist/esm/app-bar/help-button/index.js +1 -1
  5. package/dist/esm/app-bar/index.js +1 -1
  6. package/dist/esm/app-bar/menu-button/index.js +1 -1
  7. package/dist/esm/app-bar/notification-button/index.js +1 -1
  8. package/dist/esm/app-bar/profile-button/index.js +1 -1
  9. package/dist/esm/app-bar/search/index.js +1 -1
  10. package/dist/esm/autocomplete/index.js +1 -1
  11. package/dist/esm/banner/index.js +1 -1
  12. package/dist/esm/bottom-sheet/index.js +1 -1
  13. package/dist/esm/busy-indicator/index.js +1 -1
  14. package/dist/esm/button/index.js +1 -1
  15. package/dist/esm/button-toggle/button-toggle/index.js +1 -1
  16. package/dist/esm/button-toggle/button-toggle-group/index.js +1 -1
  17. package/dist/esm/button-toggle/index.js +1 -1
  18. package/dist/esm/calendar/calendar-dropdown/index.js +1 -1
  19. package/dist/esm/calendar/calendar-menu/index.js +1 -1
  20. package/dist/esm/calendar/index.js +1 -1
  21. package/dist/esm/card/index.js +1 -1
  22. package/dist/esm/checkbox/index.js +1 -1
  23. package/dist/esm/chip-field/index.js +1 -1
  24. package/dist/esm/chips/chip/index.js +1 -1
  25. package/dist/esm/chips/chip-set/index.js +1 -1
  26. package/dist/esm/chips/index.js +1 -1
  27. package/dist/esm/chunks/{chunk.PPPTT3SM.js → chunk.2VP57RZO.js} +2 -2
  28. package/dist/esm/chunks/{chunk.PPPTT3SM.js.map → chunk.2VP57RZO.js.map} +2 -2
  29. package/dist/esm/chunks/{chunk.TXFYS6EU.js → chunk.33EJTOVA.js} +2 -2
  30. package/dist/esm/chunks/{chunk.OTVT3XM2.js → chunk.3JDFBEF7.js} +2 -2
  31. package/dist/esm/chunks/chunk.3ME47JIX.js +7 -0
  32. package/dist/esm/chunks/chunk.3ME47JIX.js.map +7 -0
  33. package/dist/esm/chunks/{chunk.V6JVHYVW.js → chunk.44UCSD46.js} +2 -2
  34. package/dist/esm/chunks/{chunk.EUE3OVC7.js → chunk.4WVHON6T.js} +2 -2
  35. package/dist/esm/chunks/chunk.4WVHON6T.js.map +7 -0
  36. package/dist/esm/chunks/{chunk.6SBTLXLH.js → chunk.5IQGVS6U.js} +2 -2
  37. package/dist/esm/chunks/{chunk.6SBTLXLH.js.map → chunk.5IQGVS6U.js.map} +1 -1
  38. package/dist/esm/chunks/{chunk.7JQHQKXN.js → chunk.6MPXRRMB.js} +2 -2
  39. package/dist/esm/chunks/{chunk.MXNLCQRB.js → chunk.6VDF54LZ.js} +2 -2
  40. package/dist/esm/chunks/{chunk.GF2GUVYS.js → chunk.7TGGJGTG.js} +2 -2
  41. package/dist/esm/chunks/{chunk.GF2GUVYS.js.map → chunk.7TGGJGTG.js.map} +1 -1
  42. package/dist/esm/chunks/{chunk.4EB5NVCK.js → chunk.AHHNJSZK.js} +2 -2
  43. package/dist/esm/chunks/chunk.BBKRPL6R.js +7 -0
  44. package/dist/esm/chunks/chunk.BBKRPL6R.js.map +7 -0
  45. package/dist/esm/chunks/{chunk.BSTIDYQJ.js → chunk.BBWMSCVG.js} +2 -2
  46. package/dist/esm/chunks/{chunk.BKCEVPKW.js → chunk.BDCJIRNK.js} +2 -2
  47. package/dist/esm/chunks/chunk.BSVFCJCQ.js +7 -0
  48. package/dist/esm/chunks/chunk.BSVFCJCQ.js.map +7 -0
  49. package/dist/esm/chunks/chunk.CAUWWFF4.js +7 -0
  50. package/dist/esm/chunks/chunk.CAUWWFF4.js.map +7 -0
  51. package/dist/esm/chunks/{chunk.SYZB7B4F.js → chunk.CL65KLH7.js} +2 -2
  52. package/dist/esm/chunks/{chunk.4LVS2EYJ.js → chunk.DFGBVJBE.js} +2 -2
  53. package/dist/esm/chunks/chunk.DXZ5LVFJ.js +7 -0
  54. package/dist/esm/chunks/chunk.DXZ5LVFJ.js.map +7 -0
  55. package/dist/esm/chunks/{chunk.YUAU5IWT.js → chunk.F776DWXU.js} +2 -2
  56. package/dist/esm/chunks/{chunk.HKJEGD6C.js → chunk.FIBGOPNP.js} +2 -2
  57. package/dist/esm/chunks/{chunk.HKJEGD6C.js.map → chunk.FIBGOPNP.js.map} +1 -1
  58. package/dist/esm/chunks/{chunk.OHNPVHPF.js → chunk.GEGK55XX.js} +2 -2
  59. package/dist/esm/chunks/{chunk.OHNPVHPF.js.map → chunk.GEGK55XX.js.map} +2 -2
  60. package/dist/esm/chunks/{chunk.2QFIMTVP.js → chunk.GT3XBPZY.js} +2 -2
  61. package/dist/esm/chunks/{chunk.OT6H5NHX.js → chunk.HUGRRRQA.js} +2 -2
  62. package/dist/esm/chunks/{chunk.GJW4WS4I.js → chunk.HXJCTE47.js} +2 -2
  63. package/dist/esm/chunks/{chunk.RHYRMQS7.js → chunk.IPGZ24EH.js} +2 -2
  64. package/dist/esm/chunks/{chunk.RHYRMQS7.js.map → chunk.IPGZ24EH.js.map} +1 -1
  65. package/dist/esm/chunks/chunk.ISC7SZSP.js +7 -0
  66. package/dist/esm/chunks/chunk.ISC7SZSP.js.map +7 -0
  67. package/dist/esm/chunks/{chunk.RUSHOL23.js → chunk.JAAJDT5E.js} +2 -2
  68. package/dist/esm/chunks/{chunk.SIJGKRYS.js → chunk.JCRC2VEI.js} +2 -2
  69. package/dist/esm/chunks/{chunk.SIJGKRYS.js.map → chunk.JCRC2VEI.js.map} +1 -1
  70. package/dist/esm/chunks/{chunk.STGRPD2L.js → chunk.JFKSREWG.js} +2 -2
  71. package/dist/esm/chunks/{chunk.STGRPD2L.js.map → chunk.JFKSREWG.js.map} +1 -1
  72. package/dist/esm/chunks/{chunk.FAANPQES.js → chunk.JL4XB4RI.js} +2 -2
  73. package/dist/esm/chunks/{chunk.24L5GDD2.js → chunk.JTIPXKV6.js} +2 -2
  74. package/dist/esm/chunks/{chunk.24L5GDD2.js.map → chunk.JTIPXKV6.js.map} +2 -2
  75. package/dist/esm/chunks/chunk.KO45GDOA.js +7 -0
  76. package/dist/esm/chunks/{chunk.2CTK5R37.js.map → chunk.KO45GDOA.js.map} +2 -2
  77. package/dist/esm/chunks/chunk.KSCUIS5C.js +7 -0
  78. package/dist/esm/chunks/chunk.KSCUIS5C.js.map +7 -0
  79. package/dist/esm/chunks/{chunk.2LRDPTHK.js → chunk.M2M47T4L.js} +2 -2
  80. package/dist/esm/chunks/{chunk.JVW6JGV3.js → chunk.MGWY7YIL.js} +2 -2
  81. package/dist/esm/chunks/{chunk.JVW6JGV3.js.map → chunk.MGWY7YIL.js.map} +2 -2
  82. package/dist/esm/chunks/{chunk.3CBVRCKM.js → chunk.MJSLXZBM.js} +2 -2
  83. package/dist/esm/chunks/{chunk.3CBVRCKM.js.map → chunk.MJSLXZBM.js.map} +1 -1
  84. package/dist/esm/chunks/{chunk.2YAU7AXH.js → chunk.N7PQ2MUQ.js} +2 -2
  85. package/dist/esm/chunks/{chunk.2YAU7AXH.js.map → chunk.N7PQ2MUQ.js.map} +1 -1
  86. package/dist/esm/chunks/{chunk.XMFQFFKR.js → chunk.NE4NCRRZ.js} +2 -2
  87. package/dist/esm/chunks/chunk.NF4J3Q5X.js +7 -0
  88. package/dist/esm/chunks/chunk.NF4J3Q5X.js.map +7 -0
  89. package/dist/esm/chunks/chunk.OEYALYRM.js +7 -0
  90. package/dist/esm/chunks/chunk.OEYALYRM.js.map +7 -0
  91. package/dist/esm/chunks/{chunk.GHSAKRYH.js → chunk.OKKH7F7M.js} +2 -2
  92. package/dist/esm/chunks/{chunk.AGMPIMJV.js → chunk.QL45FKVJ.js} +2 -2
  93. package/dist/esm/chunks/{chunk.AGMPIMJV.js.map → chunk.QL45FKVJ.js.map} +2 -2
  94. package/dist/esm/chunks/chunk.QU76MOCS.js +12 -0
  95. package/dist/esm/chunks/chunk.QU76MOCS.js.map +7 -0
  96. package/dist/esm/chunks/{chunk.5PHLKON3.js → chunk.R5HZFOUK.js} +2 -2
  97. package/dist/esm/chunks/{chunk.5PHLKON3.js.map → chunk.R5HZFOUK.js.map} +2 -2
  98. package/dist/esm/chunks/chunk.SAXRW6GB.js +7 -0
  99. package/dist/esm/chunks/chunk.SAXRW6GB.js.map +7 -0
  100. package/dist/esm/chunks/{chunk.2IQGDFQS.js → chunk.SEP3L4QL.js} +2 -2
  101. package/dist/esm/chunks/{chunk.2IQGDFQS.js.map → chunk.SEP3L4QL.js.map} +1 -1
  102. package/dist/esm/chunks/{chunk.Z5TWWM7I.js → chunk.SN5LPTHH.js} +2 -2
  103. package/dist/esm/chunks/{chunk.Z5TWWM7I.js.map → chunk.SN5LPTHH.js.map} +1 -1
  104. package/dist/esm/chunks/{chunk.CNQESSA3.js → chunk.UKFJHDO7.js} +2 -2
  105. package/dist/esm/chunks/{chunk.IGK3VYZG.js → chunk.VI2GRQO3.js} +2 -2
  106. package/dist/esm/chunks/{chunk.A5MBSCSQ.js → chunk.VNOJO2PF.js} +2 -2
  107. package/dist/esm/chunks/chunk.W7PZTNZ4.js +7 -0
  108. package/dist/esm/chunks/chunk.W7PZTNZ4.js.map +7 -0
  109. package/dist/esm/chunks/chunk.WH6C36MO.js +7 -0
  110. package/dist/esm/chunks/chunk.WH6C36MO.js.map +7 -0
  111. package/dist/esm/chunks/{chunk.2YX7ASSX.js → chunk.WXN4S7CN.js} +2 -2
  112. package/dist/esm/chunks/{chunk.ER52NFXX.js → chunk.X5BG35YX.js} +2 -2
  113. package/dist/esm/chunks/{chunk.THPU5KBV.js → chunk.XRESQBNE.js} +2 -2
  114. package/dist/esm/chunks/{chunk.632OMHHN.js → chunk.YDY2IGBF.js} +2 -2
  115. package/dist/esm/chunks/{chunk.632OMHHN.js.map → chunk.YDY2IGBF.js.map} +1 -1
  116. package/dist/esm/chunks/{chunk.QYKO543K.js → chunk.YWCLKUK7.js} +2 -2
  117. package/dist/esm/chunks/{chunk.QA3NU7EN.js → chunk.Z4J4D5FD.js} +2 -2
  118. package/dist/esm/chunks/{chunk.QA3NU7EN.js.map → chunk.Z4J4D5FD.js.map} +1 -1
  119. package/dist/esm/chunks/{chunk.V4RBOYNH.js → chunk.ZTGPXIC2.js} +2 -2
  120. package/dist/esm/chunks/{chunk.V4RBOYNH.js.map → chunk.ZTGPXIC2.js.map} +1 -1
  121. package/dist/esm/circular-progress/index.js +1 -1
  122. package/dist/esm/color-picker/index.js +1 -1
  123. package/dist/esm/core/index.js +1 -1
  124. package/dist/esm/core/utils/index.js +1 -1
  125. package/dist/esm/date-picker/index.js +1 -1
  126. package/dist/esm/date-range-picker/index.js +1 -1
  127. package/dist/esm/expansion-panel/index.js +1 -1
  128. package/dist/esm/file-picker/index.js +1 -1
  129. package/dist/esm/focus-indicator/index.js +7 -0
  130. package/dist/esm/focus-indicator/index.js.map +7 -0
  131. package/dist/esm/icon/index.js +1 -1
  132. package/dist/esm/icon-button/index.js +1 -1
  133. package/dist/esm/index.js +1 -1
  134. package/dist/esm/list/index.js +1 -1
  135. package/dist/esm/list/list/index.js +1 -1
  136. package/dist/esm/list/list-item/index.js +1 -1
  137. package/dist/esm/list-dropdown/index.js +1 -1
  138. package/dist/esm/menu/index.js +1 -1
  139. package/dist/esm/open-icon/index.js +1 -1
  140. package/dist/esm/paginator/index.js +1 -1
  141. package/dist/esm/profile-card/index.js +1 -1
  142. package/dist/esm/quantity-field/index.js +1 -1
  143. package/dist/esm/radio/index.js +1 -1
  144. package/dist/esm/select/core/index.js +1 -1
  145. package/dist/esm/select/index.js +1 -1
  146. package/dist/esm/select/select/index.js +1 -1
  147. package/dist/esm/select/select-dropdown/index.js +1 -1
  148. package/dist/esm/slider/index.js +1 -1
  149. package/dist/esm/split-view/index.js +1 -1
  150. package/dist/esm/split-view/split-view/index.js +1 -1
  151. package/dist/esm/split-view/split-view-panel/index.js +1 -1
  152. package/dist/esm/state-layer/index.js +7 -0
  153. package/dist/esm/state-layer/index.js.map +7 -0
  154. package/dist/esm/stepper/index.js +1 -1
  155. package/dist/esm/stepper/step/index.js +1 -1
  156. package/dist/esm/stepper/stepper/index.js +1 -1
  157. package/dist/esm/switch/index.js +1 -1
  158. package/dist/esm/table/index.js +1 -1
  159. package/dist/esm/tabs/index.js +1 -1
  160. package/dist/esm/tabs/tab/index.js +1 -1
  161. package/dist/esm/tabs/tab-bar/index.js +1 -1
  162. package/dist/esm/text-field/index.js +1 -1
  163. package/dist/esm/time-picker/index.js +1 -1
  164. package/dist/esm/toast/index.js +1 -1
  165. package/dist/forge-dark.css +1 -1
  166. package/dist/forge.css +1 -1
  167. package/dist/icon-button/forge-icon-button.css +1 -1
  168. package/dist/table/forge-table.css +1 -1
  169. package/dist/theme/forge-theme.css +1 -1
  170. package/esm/app-bar/app-bar.js +1 -1
  171. package/esm/banner/banner.js +1 -1
  172. package/esm/bottom-sheet/bottom-sheet.js +1 -1
  173. package/esm/busy-indicator/busy-indicator.js +1 -1
  174. package/esm/button/button.d.ts +1 -0
  175. package/esm/button/button.js +8 -2
  176. package/esm/button-toggle/button-toggle/button-toggle.js +1 -1
  177. package/esm/calendar/calendar-menu/calendar-menu.js +1 -1
  178. package/esm/calendar/calendar.js +1 -1
  179. package/esm/card/card-constants.d.ts +2 -2
  180. package/esm/card/card-constants.js +2 -2
  181. package/esm/card/card.d.ts +19 -8
  182. package/esm/card/card.js +30 -21
  183. package/esm/checkbox/checkbox-adapter.d.ts +1 -0
  184. package/esm/checkbox/checkbox-adapter.js +9 -2
  185. package/esm/checkbox/checkbox.js +1 -1
  186. package/esm/chip-field/chip-field.js +1 -1
  187. package/esm/chips/chip/chip.js +1 -1
  188. package/esm/circular-progress/circular-progress.d.ts +3 -3
  189. package/esm/circular-progress/circular-progress.js +4 -4
  190. package/esm/color-picker/color-picker.js +1 -1
  191. package/esm/core/testing/pointer.d.ts +13 -0
  192. package/esm/core/testing/pointer.js +42 -0
  193. package/esm/core/utils/utils.d.ts +16 -2
  194. package/esm/core/utils/utils.js +47 -6
  195. package/esm/file-picker/file-picker.js +1 -1
  196. package/esm/focus-indicator/focus-indicator-adapter.d.ts +29 -0
  197. package/esm/focus-indicator/focus-indicator-adapter.js +39 -0
  198. package/esm/focus-indicator/focus-indicator-constants.d.ts +15 -0
  199. package/esm/focus-indicator/focus-indicator-constants.js +19 -0
  200. package/esm/focus-indicator/focus-indicator-foundation.d.ts +43 -0
  201. package/esm/focus-indicator/focus-indicator-foundation.js +110 -0
  202. package/esm/focus-indicator/focus-indicator.d.ts +67 -0
  203. package/esm/focus-indicator/focus-indicator.js +112 -0
  204. package/esm/focus-indicator/index.d.ts +10 -0
  205. package/esm/focus-indicator/index.js +14 -0
  206. package/esm/icon-button/icon-button.d.ts +1 -0
  207. package/esm/icon-button/icon-button.js +9 -2
  208. package/esm/index.d.ts +2 -0
  209. package/esm/index.js +6 -0
  210. package/esm/list/list-item/list-item-adapter.d.ts +3 -3
  211. package/esm/list/list-item/list-item-adapter.js +2 -2
  212. package/esm/list/list-item/list-item-foundation.d.ts +1 -0
  213. package/esm/list/list-item/list-item-foundation.js +8 -1
  214. package/esm/list/list-item/list-item.js +1 -1
  215. package/esm/paginator/paginator.js +1 -1
  216. package/esm/profile-card/profile-card.js +1 -1
  217. package/esm/radio/radio-adapter.d.ts +1 -0
  218. package/esm/radio/radio-adapter.js +9 -2
  219. package/esm/select/select/select.js +1 -1
  220. package/esm/slider/slider-adapter.d.ts +0 -16
  221. package/esm/slider/slider-adapter.js +11 -71
  222. package/esm/slider/slider-constants.d.ts +0 -3
  223. package/esm/slider/slider-constants.js +0 -3
  224. package/esm/slider/slider-foundation.d.ts +0 -1
  225. package/esm/slider/slider-foundation.js +0 -6
  226. package/esm/slider/slider-utils.js +6 -3
  227. package/esm/slider/slider.d.ts +0 -2
  228. package/esm/slider/slider.js +9 -7
  229. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  230. package/esm/state-layer/index.d.ts +10 -0
  231. package/esm/state-layer/index.js +14 -0
  232. package/esm/state-layer/state-layer-adapter.d.ts +41 -0
  233. package/esm/state-layer/state-layer-adapter.js +101 -0
  234. package/esm/state-layer/state-layer-constants.d.ts +79 -0
  235. package/esm/state-layer/state-layer-constants.js +89 -0
  236. package/esm/state-layer/state-layer-foundation.d.ts +57 -0
  237. package/esm/state-layer/state-layer-foundation.js +237 -0
  238. package/esm/state-layer/state-layer-utils.d.ts +26 -0
  239. package/esm/state-layer/state-layer-utils.js +54 -0
  240. package/esm/state-layer/state-layer.d.ts +66 -0
  241. package/esm/state-layer/state-layer.js +96 -0
  242. package/esm/stepper/step/step.js +1 -1
  243. package/esm/switch/switch.js +10 -3
  244. package/esm/tabs/tab/tab-adapter.d.ts +4 -6
  245. package/esm/tabs/tab/tab-adapter.js +9 -18
  246. package/esm/tabs/tab/tab-constants.d.ts +0 -1
  247. package/esm/tabs/tab/tab-constants.js +0 -1
  248. package/esm/tabs/tab/tab-foundation.d.ts +0 -1
  249. package/esm/tabs/tab/tab-foundation.js +1 -3
  250. package/esm/tabs/tab/tab.d.ts +0 -1
  251. package/esm/tabs/tab/tab.js +9 -6
  252. package/esm/tabs/tab-bar/tab-bar.d.ts +2 -2
  253. package/esm/tabs/tab-bar/tab-bar.js +3 -3
  254. package/esm/text-field/text-field.js +1 -1
  255. package/esm/toast/toast.js +1 -1
  256. package/package.json +1 -1
  257. package/styles/app-bar/_mixins.scss +9 -1
  258. package/styles/card/_mixins.scss +8 -7
  259. package/styles/circular-progress/_mixins.scss +3 -10
  260. package/styles/core/{style-layer → styles}/circular-progress/_core.scss +5 -8
  261. package/styles/core/styles/focus-indicator/_core.scss +5 -0
  262. package/styles/core/styles/focus-indicator/_variables.scss +8 -0
  263. package/styles/core/styles/focus-indicator/index.scss +7 -0
  264. package/styles/core/{style-layer → styles}/slider/_core.scss +13 -31
  265. package/styles/core/styles/state-layer/_core.scss +144 -0
  266. package/styles/core/styles/state-layer/_variables.scss +8 -0
  267. package/styles/core/{style-layer/tabs/tab → styles/state-layer}/index.scss +0 -4
  268. package/styles/core/{style-layer → styles}/tabs/tab/_core.scss +36 -40
  269. package/styles/core/{style-layer → styles}/tabs/tab-bar/_core.scss +2 -2
  270. package/styles/core/{style-layer → styles}/tabs/tab-bar/_variables.scss +1 -1
  271. package/styles/core/styles/tabs/tab-bar/index.scss +7 -0
  272. package/styles/core/styles/tokens/_color-palette.scss +299 -0
  273. package/styles/core/styles/tokens/circular-progress/_tokens.scss +14 -0
  274. package/styles/core/styles/tokens/focus-indicator/_tokens.scss +24 -0
  275. package/styles/core/styles/tokens/index.scss +58 -0
  276. package/styles/core/styles/tokens/state-layer/_tokens.scss +17 -0
  277. package/styles/core/styles/tokens/theme/_tokens.scss +185 -0
  278. package/styles/core/styles/tokens/typography/_tokens.scss +47 -0
  279. package/styles/core/styles/utils/_elevation.scss +5 -0
  280. package/styles/focus-indicator/_mixins.scss +138 -0
  281. package/styles/focus-indicator/_variables.scss +5 -0
  282. package/styles/focus-indicator/focus-indicator.scss +32 -0
  283. package/styles/linear-progress/_mixins.scss +1 -1
  284. package/styles/linear-progress/_variables.scss +1 -1
  285. package/styles/slider/_mixins.scss +17 -1
  286. package/styles/state-layer/_mixins.scss +23 -0
  287. package/styles/state-layer/state-layer.scss +20 -0
  288. package/styles/tabs/tab/_mixins.scss +20 -1
  289. package/styles/tabs/tab/_variables.scss +2 -0
  290. package/styles/tabs/tab-bar/_mixins.scss +2 -1
  291. package/styles/tabs/tab-bar/_variables.scss +2 -2
  292. package/styles/theme/_theme-dark.scss +5 -3
  293. package/styles/theme/_theme.scss +3 -36
  294. package/dist/esm/chunks/chunk.246JM2YT.js +0 -7
  295. package/dist/esm/chunks/chunk.246JM2YT.js.map +0 -7
  296. package/dist/esm/chunks/chunk.2CTK5R37.js +0 -7
  297. package/dist/esm/chunks/chunk.2XFVFZ3P.js +0 -7
  298. package/dist/esm/chunks/chunk.2XFVFZ3P.js.map +0 -7
  299. package/dist/esm/chunks/chunk.5IVB5L5Z.js +0 -7
  300. package/dist/esm/chunks/chunk.5IVB5L5Z.js.map +0 -7
  301. package/dist/esm/chunks/chunk.A5R7KUIP.js +0 -7
  302. package/dist/esm/chunks/chunk.A5R7KUIP.js.map +0 -7
  303. package/dist/esm/chunks/chunk.BWZKQ6WX.js +0 -7
  304. package/dist/esm/chunks/chunk.BWZKQ6WX.js.map +0 -7
  305. package/dist/esm/chunks/chunk.EUE3OVC7.js.map +0 -7
  306. package/dist/esm/chunks/chunk.GUYPITGA.js +0 -7
  307. package/dist/esm/chunks/chunk.GUYPITGA.js.map +0 -7
  308. package/dist/esm/chunks/chunk.GWIVOPRO.js +0 -7
  309. package/dist/esm/chunks/chunk.GWIVOPRO.js.map +0 -7
  310. package/dist/esm/chunks/chunk.JHXNEHWR.js +0 -12
  311. package/dist/esm/chunks/chunk.JHXNEHWR.js.map +0 -7
  312. package/dist/esm/chunks/chunk.NVMILGC2.js +0 -7
  313. package/dist/esm/chunks/chunk.NVMILGC2.js.map +0 -7
  314. package/dist/esm/chunks/chunk.WFDIA7R6.js +0 -7
  315. package/dist/esm/chunks/chunk.WFDIA7R6.js.map +0 -7
  316. package/esm/slider/slider-handle-ripple.d.ts +0 -18
  317. package/esm/slider/slider-handle-ripple.js +0 -37
  318. package/esm/tabs/tab/tab-ripple.d.ts +0 -17
  319. package/esm/tabs/tab/tab-ripple.js +0 -33
  320. package/styles/circular-progress/_variables.scss +0 -12
  321. /package/dist/esm/chunks/{chunk.TXFYS6EU.js.map → chunk.33EJTOVA.js.map} +0 -0
  322. /package/dist/esm/chunks/{chunk.OTVT3XM2.js.map → chunk.3JDFBEF7.js.map} +0 -0
  323. /package/dist/esm/chunks/{chunk.V6JVHYVW.js.map → chunk.44UCSD46.js.map} +0 -0
  324. /package/dist/esm/chunks/{chunk.7JQHQKXN.js.map → chunk.6MPXRRMB.js.map} +0 -0
  325. /package/dist/esm/chunks/{chunk.MXNLCQRB.js.map → chunk.6VDF54LZ.js.map} +0 -0
  326. /package/dist/esm/chunks/{chunk.4EB5NVCK.js.map → chunk.AHHNJSZK.js.map} +0 -0
  327. /package/dist/esm/chunks/{chunk.BSTIDYQJ.js.map → chunk.BBWMSCVG.js.map} +0 -0
  328. /package/dist/esm/chunks/{chunk.BKCEVPKW.js.map → chunk.BDCJIRNK.js.map} +0 -0
  329. /package/dist/esm/chunks/{chunk.SYZB7B4F.js.map → chunk.CL65KLH7.js.map} +0 -0
  330. /package/dist/esm/chunks/{chunk.4LVS2EYJ.js.map → chunk.DFGBVJBE.js.map} +0 -0
  331. /package/dist/esm/chunks/{chunk.YUAU5IWT.js.map → chunk.F776DWXU.js.map} +0 -0
  332. /package/dist/esm/chunks/{chunk.2QFIMTVP.js.map → chunk.GT3XBPZY.js.map} +0 -0
  333. /package/dist/esm/chunks/{chunk.OT6H5NHX.js.map → chunk.HUGRRRQA.js.map} +0 -0
  334. /package/dist/esm/chunks/{chunk.GJW4WS4I.js.map → chunk.HXJCTE47.js.map} +0 -0
  335. /package/dist/esm/chunks/{chunk.RUSHOL23.js.map → chunk.JAAJDT5E.js.map} +0 -0
  336. /package/dist/esm/chunks/{chunk.FAANPQES.js.map → chunk.JL4XB4RI.js.map} +0 -0
  337. /package/dist/esm/chunks/{chunk.2LRDPTHK.js.map → chunk.M2M47T4L.js.map} +0 -0
  338. /package/dist/esm/chunks/{chunk.XMFQFFKR.js.map → chunk.NE4NCRRZ.js.map} +0 -0
  339. /package/dist/esm/chunks/{chunk.GHSAKRYH.js.map → chunk.OKKH7F7M.js.map} +0 -0
  340. /package/dist/esm/chunks/{chunk.CNQESSA3.js.map → chunk.UKFJHDO7.js.map} +0 -0
  341. /package/dist/esm/chunks/{chunk.IGK3VYZG.js.map → chunk.VI2GRQO3.js.map} +0 -0
  342. /package/dist/esm/chunks/{chunk.A5MBSCSQ.js.map → chunk.VNOJO2PF.js.map} +0 -0
  343. /package/dist/esm/chunks/{chunk.2YX7ASSX.js.map → chunk.WXN4S7CN.js.map} +0 -0
  344. /package/dist/esm/chunks/{chunk.ER52NFXX.js.map → chunk.X5BG35YX.js.map} +0 -0
  345. /package/dist/esm/chunks/{chunk.THPU5KBV.js.map → chunk.XRESQBNE.js.map} +0 -0
  346. /package/dist/esm/chunks/{chunk.QYKO543K.js.map → chunk.YWCLKUK7.js.map} +0 -0
  347. /package/styles/core/{style-layer → styles}/circular-progress/_animations.scss +0 -0
  348. /package/styles/core/{style-layer → styles}/circular-progress/_variables.scss +0 -0
  349. /package/styles/core/{style-layer → styles}/circular-progress/index.scss +0 -0
  350. /package/styles/core/{style-layer → styles}/core/_config.scss +0 -0
  351. /package/styles/core/{style-layer → styles}/linear-progress/_animations.scss +0 -0
  352. /package/styles/core/{style-layer → styles}/linear-progress/_core.scss +0 -0
  353. /package/styles/core/{style-layer → styles}/linear-progress/_variables.scss +0 -0
  354. /package/styles/core/{style-layer → styles}/linear-progress/index.scss +0 -0
  355. /package/styles/core/{style-layer → styles}/slider/_functions.scss +0 -0
  356. /package/styles/core/{style-layer → styles}/slider/_variables.scss +0 -0
  357. /package/styles/core/{style-layer → styles}/slider/index.scss +0 -0
  358. /package/styles/core/{style-layer → styles}/tabs/tab/_variables.scss +0 -0
  359. /package/styles/core/{style-layer/tabs/tab-bar → styles/tabs/tab}/index.scss +0 -0
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import{d as z}from"./chunk.ECRL6O3V.js";import{D as R,e as S,i as L,q as T,y as P}from"./chunk.FYWPZFLJ.js";import{d as O,l as D}from"./chunk.H5D54EHO.js";import{b as v,c as X}from"./chunk.SZIM4KFZ.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as A}from"./chunk.5V5ABSHI.js";import{a as C,b as w}from"./chunk.DTZFWZPB.js";import{a as I,e as k,f as h,k as N}from"./chunk.NK7H3MMM.js";import{f as d,t as c,u}from"./chunk.CFDK4RCW.js";import{k as p,l as y}from"./chunk.J2M2MXP2.js";import{a as x,b as E,d as n}from"./chunk.M3QDAYD2.js";var f=`${w}step`,l={STEP:"forge-step",STEP_CONTAINER:"forge-step__container",ERROR:"forge-step--error",SELECTED:"forge-step--selected",COMPLETED:"forge-step--completed",EDITABLE:"forge-step--editable",ALTERNATIVE:"forge-step--alternative",ICON_CONTENT:"forge-step-icon-content",ICON:"forge-step-icon",LABEL_CONTAINER:"forge-step-label-container",LABEL:"forge-step-label",OPTIONAL_LABEL:"forge-step-optional-label",INDEX:"forge-step-index",CLUSTERED:"forge-step--clustered",DISABLED:"forge-step--disabled",VERTICAL:"forge-step--vertical",EXPANDED:"forge-step--expanded",EXPANDABLE:"forge-step--expandable",EXPANSION_PANEL:"forge-step__expansion-panel",EXPANSION_ICON:"forge-step__expanded-icon",EXPANSION_ICON_EXPANDED:"forge-step__expanded-icon--expanded",EXPANSION_CONTENT:"forge-step__expansion-content"},F={SELECTED:"selected",INDEX:"index",EDITABLE:"editable",COMPLETED:"completed",ERROR:"error",ALTERNATIVE:"alternative",FIRST:"first",LAST:"last",ARIA_SELECTED:"aria-selected",CLUSTERED:"clustered",DISABLED:"disabled",VERTICAL:"vertical",EXPANDED:"expanded",EXPANDABLE:"expandable",IGNORE_USER_EXPANSION:"ignore-user-expansion"},M={STEP:`.${l.STEP}`,STEP_CONTAINER:`.${l.STEP_CONTAINER}`,INDEX:`.${l.INDEX}`,ICON:`.${l.ICON}`,ICON_CONTENT:`.${l.ICON_CONTENT}`,EXPANSION_SLOT:'slot[name="expansion-content"]',EXPANSION_PANEL:`.${l.EXPANSION_PANEL}`,EXPANSION_ICON:`.${l.EXPANSION_ICON}`},H={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",EXPANSION_CONTENT_SLOT_NAME:"expansion-content"},B={SELECT:`${f}-select`,EXPANDED_CONTENT_FOCUSIN:`${f}-expanded-content-focusin`,EXPANDED_CONTENT_FOCUSOUT:`${f}-expanded-content-focusout`},t={elementName:f,classes:l,selectors:M,attributes:F,events:B,strings:H};var m=class extends A{constructor(e){super(e);this.unbounded=!1;this._buttonElement=h(e,t.selectors.STEP),this._container=h(e,t.selectors.STEP_CONTAINER)}get root(){return this._buttonElement}get disabled(){return this._buttonElement.disabled}get component(){return this._component}setRootTabIndex(e){this._buttonElement.tabIndex=e}initialize(){this._component.setAttribute("role","tab")}attachRipple(){this._rippleInstance=this.initializeRipple()}detatchRipple(){this._rippleInstance&&this._rippleInstance.destroy()}initializeRipple(){return this._createRipple()}setIndex(e){this._buttonElement.querySelector(t.selectors.INDEX).innerHTML=(e+1||"").toString()}toggleRootClass(e,r){c(this._buttonElement,r,e)}setRootAttribute(e,r){this._buttonElement.setAttribute(e,r)}focusButton(){this._buttonElement.focus()}toggleDisabled(e){c(this._buttonElement,e,t.classes.DISABLED),u(this._buttonElement,e,"aria-disabled"),this._buttonElement.disabled=e}toggleIcon(e,r){let a=this._buttonElement.querySelector(t.selectors.INDEX),g=this._buttonElement.querySelector(t.selectors.ICON);if(!r){a.style.display="inherit",g.style.display="none";return}a.style.display="none",g.style.display="inherit",g.name=e}slotHasContent(){return this._expansionSlot.assignedElements({flatten:!0}).length>0}setClickListener(e){this._buttonElement.addEventListener("click",e)}removeClickListener(e){this._buttonElement.removeEventListener("click",e)}setSlotListener(e){this._expansionSlot.addEventListener("slotchange",e)}removeSlotListener(e){this._expansionSlot&&this._expansionSlot.removeEventListener("slotchange",e)}setExpanded(e){this._expansionPanel&&(this._expansionPanel.open=e,u(this._expansionPanel,!e,"tabindex","-1")),c(this._buttonElement,e,t.classes.EXPANDED)}setExpansionPanelAnimations(e){this._expansionPanel.useAnimations=e}addExpansionPanel(){this._container.querySelector(t.selectors.EXPANSION_PANEL)||(this._expansionPanel=this._container.appendChild(this._createExpansionPanel()),this._expansionSlot=this._expansionPanel.querySelector(t.selectors.EXPANSION_SLOT))}removeExpansionPanel(){let e=this._container.querySelector(t.selectors.EXPANSION_PANEL);e&&this._container.removeChild(e)}addExpansionIcon(){this._buttonElement.querySelector(t.selectors.EXPANSION_ICON)||this._buttonElement.appendChild(this._createExpansionIcon())}removeExpansionIcon(){let e=this._buttonElement.querySelector(t.selectors.EXPANSION_ICON);e&&this._buttonElement.removeChild(e)}addExpansionPanelListener(e,r){this._expansionPanel.addEventListener(e,r)}removeExpansionPanelListener(e,r){this._expansionPanel&&this._expansionPanel.removeEventListener(e,r)}isExpandedContentInFocus(e){return this._expansionSlot.assignedElements().some(r=>r.contains(e||document.activeElement))}_createRipple(){let e=E(x({},v.createAdapter(this)),{isSurfaceDisabled:()=>this._buttonElement.disabled});return new v(this._buttonElement,new X(e))}_createExpansionPanel(){let e=document.createElement("forge-expansion-panel");e.useAnimations=!1,e.setAttribute("part","expansion-panel"),d(t.classes.EXPANSION_PANEL,e);let r=document.createElement("slot");return r.setAttribute("name","expansion-content"),d(t.classes.EXPANSION_CONTENT,r),e.appendChild(r),e}_createExpansionIcon(){let e=document.createElement("forge-icon");return d(t.classes.EXPANSION_ICON,e),e.name="keyboard_arrow_down",e.setAttribute("part","expanded-icon"),e}};var b=class{constructor(o){this._adapter=o;this._clickListener=()=>this._onClickListener(),this._expansionContentSlotChangeListener=e=>this._onExpansionContentSlotChange(e),this._expansionContentFocusInListener=e=>this._onExpansionContentFocusIn(e),this._expansionContentFocusOutListener=e=>this._onExpansionContentFocusOut(e)}initialize(){this._adapter.initialize(),this._adapter.attachRipple(),this._applySelected(),this._toggleIcon(),this._vertical&&(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener),this._adapter.addExpansionPanelListener("focusin",this._expansionContentFocusInListener),this._adapter.addExpansionPanelListener("focusout",this._expansionContentFocusOutListener)),this._initialized=!0}disconnect(){this._adapter.detatchRipple(),this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanelListener("focusin",this._onExpansionContentFocusIn),this._adapter.removeExpansionPanelListener("focusout",this._onExpansionContentFocusOut)}get index(){return this._index}set index(o){this._index!==o&&(this._index=o,this._applyIndex(),this._adapter.setHostAttribute(t.attributes.INDEX,o.toString()))}get editable(){return this._editable}set editable(o){this._editable!==o&&(this._editable=o,this._adapter.toggleHostAttribute(t.attributes.EDITABLE,o),this._applyEditable())}get completed(){return this._completed}set completed(o){this._completed!==o&&(this._completed=o,this._adapter.toggleHostAttribute(t.attributes.COMPLETED,o),this._applyCompleted())}get error(){return this._error}set error(o){this._error!==o&&(this._error=o,this._adapter.toggleHostAttribute(t.attributes.ERROR,o),this._applyError())}get selected(){return this._selected}set selected(o){this._selected!==o&&(this._selected=o,this._adapter.toggleHostAttribute(t.attributes.SELECTED,o),this._applySelected())}get alternative(){return this._alternative}set alternative(o){this._alternative!==o&&(this._alternative=o,this._adapter.toggleHostAttribute(t.attributes.ALTERNATIVE,o),this._applyAlternative())}get disabled(){return this._disabled}set disabled(o){this._disabled=o,this._applyDisabled()}get vertical(){return this._vertical}set vertical(o){o!==this._vertical&&(this._vertical=o,this._applyVertical(),this._initialized&&(this._vertical?(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener)):(this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanel(),this._adapter.removeExpansionIcon())))}get expanded(){return this._expanded}set expanded(o){o!==this._expanded&&(this._expanded=o,this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded),this._initialized&&this._applyExpanded())}get ignoreUserExpansion(){return this._ignoreUserExpansion}set ignoreUserExpansion(o){o!==this._ignoreUserExpansion&&(this._ignoreUserExpansion=o)}setStepTabIndex(o){this._adapter.setRootTabIndex(o)}_applyExpanded(){this._adapter.setExpanded(this._expanded)}_applyVertical(){this._adapter.toggleHostAttribute(t.attributes.VERTICAL,this._vertical),this._adapter.toggleRootClass(t.classes.VERTICAL,this._vertical)}focus(){this._adapter.focusButton()}_applyAlternative(){this._adapter.toggleRootClass(t.classes.ALTERNATIVE,this._alternative)}_applySelected(){this._adapter.toggleRootClass(t.classes.SELECTED,this._selected),this._adapter.setHostAttribute(t.attributes.ARIA_SELECTED,(this._selected||!1).toString()),this._adapter.setRootTabIndex(this._selected?0:-1),this._toggleIcon()}_applyIndex(){this._adapter.setIndex(this._index)}_applyEditable(){this._adapter.toggleRootClass(t.classes.EDITABLE,this._editable),this._toggleIcon()}_applyCompleted(){this._adapter.toggleRootClass(t.classes.COMPLETED,this._completed),this._toggleIcon()}_applyError(){this._adapter.toggleRootClass(t.classes.ERROR,this._error),this._toggleIcon()}_applyDisabled(){this._adapter.toggleDisabled(this._disabled),this._toggleIcon()}_getIconState(){return this._error?"warning":this._completed?this._editable?"mode_edit":"check":this._editable&&this._selected&&!this._disabled?"mode_edit":this._disabled?"block":""}_toggleIcon(){this._iconState=this._getIconState(),this._adapter.toggleIcon(this._iconState,this._iconState!=="")}_toggleExpanded(){this._adapter.slotHasContent()&&(this._expanded=!this._expanded,this._applyExpanded(),this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded))}_onClickListener(){this._vertical&&!this._ignoreUserExpansion&&this._toggleExpanded()}_onExpansionContentSlotChange(o){let e=this._adapter.slotHasContent();e?(this._adapter.setHostAttribute(t.attributes.EXPANDABLE),this._applyExpanded(),this._adapter.setExpansionPanelAnimations(!0)):(this._adapter.removeHostAttribute(t.attributes.EXPANDABLE),this._adapter.setExpansionPanelAnimations(!1)),this._adapter.toggleRootClass(t.classes.EXPANDABLE,e)}_onExpansionContentFocusIn(o){!this._expandedContentFocused&&this._adapter.isExpandedContentInFocus(o.target)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSIN,this._adapter.component),this._expandedContentFocused=!0)}_onExpansionContentFocusOut(o){o.relatedTarget&&!this._adapter.isExpandedContentInFocus(o.relatedTarget)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSOUT,this._adapter.component),this._expandedContentFocused=!1)}};var U='<template><div class="forge-step__container" part="root"><button class="forge-step" type="button" part="button"><div class="before" part="before"></div><div class="forge-step__icon-container" part="icon-container"><div class="forge-step-icon-content" part="icon-content"><span class="forge-step-index" part="index"></span><forge-icon class="forge-step-icon" part="icon"></forge-icon></div></div><div class="forge-step__text-container" part="text-container"><div class="forge-step__title" part="title-container"><slot></slot></div><div class="forge-step__subtitle" part="subtitle-container"><slot name="optional"></slot></div></div><div class="after" part="after"></div></button></div></template>',$='@-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)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--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;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-step::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-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.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-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.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-step.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-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-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-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:"";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:"";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}',i=class extends N{constructor(){super();O.define([P,L,R,S,T]),k(this,U,$),this._foundation=new b(new m(this))}static get observedAttributes(){return[t.attributes.COMPLETED,t.attributes.EDITABLE,t.attributes.ERROR,t.attributes.INDEX,t.attributes.SELECTED,t.attributes.ALTERNATIVE,t.attributes.DISABLED,t.attributes.VERTICAL,t.attributes.EXPANDED,t.attributes.IGNORE_USER_EXPANSION]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case t.attributes.INDEX:this.index=y(a);break;case t.attributes.COMPLETED:this.completed=p(a);break;case t.attributes.EDITABLE:this.editable=p(a);break;case t.attributes.ERROR:this.error=p(a);break;case t.attributes.SELECTED:this.selected=p(a);break;case t.attributes.ALTERNATIVE:this.alternative=p(a);break;case t.attributes.DISABLED:this.disabled=p(a);break;case t.attributes.VERTICAL:this.vertical=p(a);break;case t.attributes.EXPANDED:this.expanded=p(a);break;case t.attributes.IGNORE_USER_EXPANSION:this.ignoreUserExpansion=p(a);break}}focus(){this._foundation.focus()}setStepTabIndex(e){this._foundation.setStepTabIndex(e)}};n([s()],i.prototype,"alternative",2),n([s()],i.prototype,"index",2),n([s()],i.prototype,"editable",2),n([s()],i.prototype,"completed",2),n([s()],i.prototype,"error",2),n([s()],i.prototype,"selected",2),n([s()],i.prototype,"disabled",2),n([s()],i.prototype,"vertical",2),n([s()],i.prototype,"expanded",2),n([s()],i.prototype,"ignoreUserExpansion",2),i=n([C({name:t.elementName,dependencies:[D,z]})],i);function ve(){I(i)}export{t as a,m as b,b as c,i as d,ve as e};
7
- //# sourceMappingURL=chunk.6SBTLXLH.js.map
6
+ import{d as z}from"./chunk.ECRL6O3V.js";import{D as R,e as S,i as L,q as T,y as P}from"./chunk.FYWPZFLJ.js";import{d as O,l as D}from"./chunk.H5D54EHO.js";import{b as v,c as X}from"./chunk.SZIM4KFZ.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as A}from"./chunk.5V5ABSHI.js";import{a as C,b as w}from"./chunk.DTZFWZPB.js";import{a as I,e as k,f as h,k as N}from"./chunk.NK7H3MMM.js";import{f as d,t as c,u}from"./chunk.CFDK4RCW.js";import{k as p,l as y}from"./chunk.J2M2MXP2.js";import{a as x,b as E,d as n}from"./chunk.M3QDAYD2.js";var f=`${w}step`,l={STEP:"forge-step",STEP_CONTAINER:"forge-step__container",ERROR:"forge-step--error",SELECTED:"forge-step--selected",COMPLETED:"forge-step--completed",EDITABLE:"forge-step--editable",ALTERNATIVE:"forge-step--alternative",ICON_CONTENT:"forge-step-icon-content",ICON:"forge-step-icon",LABEL_CONTAINER:"forge-step-label-container",LABEL:"forge-step-label",OPTIONAL_LABEL:"forge-step-optional-label",INDEX:"forge-step-index",CLUSTERED:"forge-step--clustered",DISABLED:"forge-step--disabled",VERTICAL:"forge-step--vertical",EXPANDED:"forge-step--expanded",EXPANDABLE:"forge-step--expandable",EXPANSION_PANEL:"forge-step__expansion-panel",EXPANSION_ICON:"forge-step__expanded-icon",EXPANSION_ICON_EXPANDED:"forge-step__expanded-icon--expanded",EXPANSION_CONTENT:"forge-step__expansion-content"},F={SELECTED:"selected",INDEX:"index",EDITABLE:"editable",COMPLETED:"completed",ERROR:"error",ALTERNATIVE:"alternative",FIRST:"first",LAST:"last",ARIA_SELECTED:"aria-selected",CLUSTERED:"clustered",DISABLED:"disabled",VERTICAL:"vertical",EXPANDED:"expanded",EXPANDABLE:"expandable",IGNORE_USER_EXPANSION:"ignore-user-expansion"},M={STEP:`.${l.STEP}`,STEP_CONTAINER:`.${l.STEP_CONTAINER}`,INDEX:`.${l.INDEX}`,ICON:`.${l.ICON}`,ICON_CONTENT:`.${l.ICON_CONTENT}`,EXPANSION_SLOT:'slot[name="expansion-content"]',EXPANSION_PANEL:`.${l.EXPANSION_PANEL}`,EXPANSION_ICON:`.${l.EXPANSION_ICON}`},H={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",EXPANSION_CONTENT_SLOT_NAME:"expansion-content"},B={SELECT:`${f}-select`,EXPANDED_CONTENT_FOCUSIN:`${f}-expanded-content-focusin`,EXPANDED_CONTENT_FOCUSOUT:`${f}-expanded-content-focusout`},t={elementName:f,classes:l,selectors:M,attributes:F,events:B,strings:H};var m=class extends A{constructor(e){super(e);this.unbounded=!1;this._buttonElement=h(e,t.selectors.STEP),this._container=h(e,t.selectors.STEP_CONTAINER)}get root(){return this._buttonElement}get disabled(){return this._buttonElement.disabled}get component(){return this._component}setRootTabIndex(e){this._buttonElement.tabIndex=e}initialize(){this._component.setAttribute("role","tab")}attachRipple(){this._rippleInstance=this.initializeRipple()}detatchRipple(){this._rippleInstance&&this._rippleInstance.destroy()}initializeRipple(){return this._createRipple()}setIndex(e){this._buttonElement.querySelector(t.selectors.INDEX).innerHTML=(e+1||"").toString()}toggleRootClass(e,r){c(this._buttonElement,r,e)}setRootAttribute(e,r){this._buttonElement.setAttribute(e,r)}focusButton(){this._buttonElement.focus()}toggleDisabled(e){c(this._buttonElement,e,t.classes.DISABLED),u(this._buttonElement,e,"aria-disabled"),this._buttonElement.disabled=e}toggleIcon(e,r){let a=this._buttonElement.querySelector(t.selectors.INDEX),b=this._buttonElement.querySelector(t.selectors.ICON);if(!r){a.style.display="inherit",b.style.display="none";return}a.style.display="none",b.style.display="inherit",b.name=e}slotHasContent(){return this._expansionSlot.assignedElements({flatten:!0}).length>0}setClickListener(e){this._buttonElement.addEventListener("click",e)}removeClickListener(e){this._buttonElement.removeEventListener("click",e)}setSlotListener(e){this._expansionSlot.addEventListener("slotchange",e)}removeSlotListener(e){this._expansionSlot&&this._expansionSlot.removeEventListener("slotchange",e)}setExpanded(e){this._expansionPanel&&(this._expansionPanel.open=e,u(this._expansionPanel,!e,"tabindex","-1")),c(this._buttonElement,e,t.classes.EXPANDED)}setExpansionPanelAnimations(e){this._expansionPanel.useAnimations=e}addExpansionPanel(){this._container.querySelector(t.selectors.EXPANSION_PANEL)||(this._expansionPanel=this._container.appendChild(this._createExpansionPanel()),this._expansionSlot=this._expansionPanel.querySelector(t.selectors.EXPANSION_SLOT))}removeExpansionPanel(){let e=this._container.querySelector(t.selectors.EXPANSION_PANEL);e&&this._container.removeChild(e)}addExpansionIcon(){this._buttonElement.querySelector(t.selectors.EXPANSION_ICON)||this._buttonElement.appendChild(this._createExpansionIcon())}removeExpansionIcon(){let e=this._buttonElement.querySelector(t.selectors.EXPANSION_ICON);e&&this._buttonElement.removeChild(e)}addExpansionPanelListener(e,r){this._expansionPanel.addEventListener(e,r)}removeExpansionPanelListener(e,r){this._expansionPanel&&this._expansionPanel.removeEventListener(e,r)}isExpandedContentInFocus(e){return this._expansionSlot.assignedElements().some(r=>r.contains(e||document.activeElement))}_createRipple(){let e=E(x({},v.createAdapter(this)),{isSurfaceDisabled:()=>this._buttonElement.disabled});return new v(this._buttonElement,new X(e))}_createExpansionPanel(){let e=document.createElement("forge-expansion-panel");e.useAnimations=!1,e.setAttribute("part","expansion-panel"),d(t.classes.EXPANSION_PANEL,e);let r=document.createElement("slot");return r.setAttribute("name","expansion-content"),d(t.classes.EXPANSION_CONTENT,r),e.appendChild(r),e}_createExpansionIcon(){let e=document.createElement("forge-icon");return d(t.classes.EXPANSION_ICON,e),e.name="keyboard_arrow_down",e.setAttribute("part","expanded-icon"),e}};var g=class{constructor(o){this._adapter=o;this._clickListener=()=>this._onClickListener(),this._expansionContentSlotChangeListener=e=>this._onExpansionContentSlotChange(e),this._expansionContentFocusInListener=e=>this._onExpansionContentFocusIn(e),this._expansionContentFocusOutListener=e=>this._onExpansionContentFocusOut(e)}initialize(){this._adapter.initialize(),this._adapter.attachRipple(),this._applySelected(),this._toggleIcon(),this._vertical&&(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener),this._adapter.addExpansionPanelListener("focusin",this._expansionContentFocusInListener),this._adapter.addExpansionPanelListener("focusout",this._expansionContentFocusOutListener)),this._initialized=!0}disconnect(){this._adapter.detatchRipple(),this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanelListener("focusin",this._onExpansionContentFocusIn),this._adapter.removeExpansionPanelListener("focusout",this._onExpansionContentFocusOut)}get index(){return this._index}set index(o){this._index!==o&&(this._index=o,this._applyIndex(),this._adapter.setHostAttribute(t.attributes.INDEX,o.toString()))}get editable(){return this._editable}set editable(o){this._editable!==o&&(this._editable=o,this._adapter.toggleHostAttribute(t.attributes.EDITABLE,o),this._applyEditable())}get completed(){return this._completed}set completed(o){this._completed!==o&&(this._completed=o,this._adapter.toggleHostAttribute(t.attributes.COMPLETED,o),this._applyCompleted())}get error(){return this._error}set error(o){this._error!==o&&(this._error=o,this._adapter.toggleHostAttribute(t.attributes.ERROR,o),this._applyError())}get selected(){return this._selected}set selected(o){this._selected!==o&&(this._selected=o,this._adapter.toggleHostAttribute(t.attributes.SELECTED,o),this._applySelected())}get alternative(){return this._alternative}set alternative(o){this._alternative!==o&&(this._alternative=o,this._adapter.toggleHostAttribute(t.attributes.ALTERNATIVE,o),this._applyAlternative())}get disabled(){return this._disabled}set disabled(o){this._disabled=o,this._applyDisabled()}get vertical(){return this._vertical}set vertical(o){o!==this._vertical&&(this._vertical=o,this._applyVertical(),this._initialized&&(this._vertical?(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener)):(this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanel(),this._adapter.removeExpansionIcon())))}get expanded(){return this._expanded}set expanded(o){o!==this._expanded&&(this._expanded=o,this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded),this._initialized&&this._applyExpanded())}get ignoreUserExpansion(){return this._ignoreUserExpansion}set ignoreUserExpansion(o){o!==this._ignoreUserExpansion&&(this._ignoreUserExpansion=o)}setStepTabIndex(o){this._adapter.setRootTabIndex(o)}_applyExpanded(){this._adapter.setExpanded(this._expanded)}_applyVertical(){this._adapter.toggleHostAttribute(t.attributes.VERTICAL,this._vertical),this._adapter.toggleRootClass(t.classes.VERTICAL,this._vertical)}focus(){this._adapter.focusButton()}_applyAlternative(){this._adapter.toggleRootClass(t.classes.ALTERNATIVE,this._alternative)}_applySelected(){this._adapter.toggleRootClass(t.classes.SELECTED,this._selected),this._adapter.setHostAttribute(t.attributes.ARIA_SELECTED,(this._selected||!1).toString()),this._adapter.setRootTabIndex(this._selected?0:-1),this._toggleIcon()}_applyIndex(){this._adapter.setIndex(this._index)}_applyEditable(){this._adapter.toggleRootClass(t.classes.EDITABLE,this._editable),this._toggleIcon()}_applyCompleted(){this._adapter.toggleRootClass(t.classes.COMPLETED,this._completed),this._toggleIcon()}_applyError(){this._adapter.toggleRootClass(t.classes.ERROR,this._error),this._toggleIcon()}_applyDisabled(){this._adapter.toggleDisabled(this._disabled),this._toggleIcon()}_getIconState(){return this._error?"warning":this._completed?this._editable?"mode_edit":"check":this._editable&&this._selected&&!this._disabled?"mode_edit":this._disabled?"block":""}_toggleIcon(){this._iconState=this._getIconState(),this._adapter.toggleIcon(this._iconState,this._iconState!=="")}_toggleExpanded(){this._adapter.slotHasContent()&&(this._expanded=!this._expanded,this._applyExpanded(),this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded))}_onClickListener(){this._vertical&&!this._ignoreUserExpansion&&this._toggleExpanded()}_onExpansionContentSlotChange(o){let e=this._adapter.slotHasContent();e?(this._adapter.setHostAttribute(t.attributes.EXPANDABLE),this._applyExpanded(),this._adapter.setExpansionPanelAnimations(!0)):(this._adapter.removeHostAttribute(t.attributes.EXPANDABLE),this._adapter.setExpansionPanelAnimations(!1)),this._adapter.toggleRootClass(t.classes.EXPANDABLE,e)}_onExpansionContentFocusIn(o){!this._expandedContentFocused&&this._adapter.isExpandedContentInFocus(o.target)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSIN,this._adapter.component),this._expandedContentFocused=!0)}_onExpansionContentFocusOut(o){o.relatedTarget&&!this._adapter.isExpandedContentInFocus(o.relatedTarget)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSOUT,this._adapter.component),this._expandedContentFocused=!1)}};var U='<template><div class="forge-step__container" part="root"><button class="forge-step" type="button" part="button"><div class="before" part="before"></div><div class="forge-step__icon-container" part="icon-container"><div class="forge-step-icon-content" part="icon-content"><span class="forge-step-index" part="index"></span><forge-icon class="forge-step-icon" part="icon"></forge-icon></div></div><div class="forge-step__text-container" part="text-container"><div class="forge-step__title" part="title-container"><slot></slot></div><div class="forge-step__subtitle" part="subtitle-container"><slot name="optional"></slot></div></div><div class="after" part="after"></div></button></div></template>',$='@-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)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--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;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-step::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-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.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-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.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-step.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-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-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-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:"";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:"";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}',i=class extends N{constructor(){super();O.define([P,L,R,S,T]),k(this,U,$),this._foundation=new g(new m(this))}static get observedAttributes(){return[t.attributes.COMPLETED,t.attributes.EDITABLE,t.attributes.ERROR,t.attributes.INDEX,t.attributes.SELECTED,t.attributes.ALTERNATIVE,t.attributes.DISABLED,t.attributes.VERTICAL,t.attributes.EXPANDED,t.attributes.IGNORE_USER_EXPANSION]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case t.attributes.INDEX:this.index=y(a);break;case t.attributes.COMPLETED:this.completed=p(a);break;case t.attributes.EDITABLE:this.editable=p(a);break;case t.attributes.ERROR:this.error=p(a);break;case t.attributes.SELECTED:this.selected=p(a);break;case t.attributes.ALTERNATIVE:this.alternative=p(a);break;case t.attributes.DISABLED:this.disabled=p(a);break;case t.attributes.VERTICAL:this.vertical=p(a);break;case t.attributes.EXPANDED:this.expanded=p(a);break;case t.attributes.IGNORE_USER_EXPANSION:this.ignoreUserExpansion=p(a);break}}focus(){this._foundation.focus()}setStepTabIndex(e){this._foundation.setStepTabIndex(e)}};n([s()],i.prototype,"alternative",2),n([s()],i.prototype,"index",2),n([s()],i.prototype,"editable",2),n([s()],i.prototype,"completed",2),n([s()],i.prototype,"error",2),n([s()],i.prototype,"selected",2),n([s()],i.prototype,"disabled",2),n([s()],i.prototype,"vertical",2),n([s()],i.prototype,"expanded",2),n([s()],i.prototype,"ignoreUserExpansion",2),i=n([C({name:t.elementName,dependencies:[D,z]})],i);function ve(){I(i)}export{t as a,m as b,g as c,i as d,ve as e};
7
+ //# sourceMappingURL=chunk.5IQGVS6U.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/stepper/step/step-constants.ts", "../../src/stepper/step/step-adapter.ts", "../../src/stepper/step/step-foundation.ts", "../../src/stepper/step/step.ts", "../../src/stepper/step/index.ts"],
4
- "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n STEP: 'forge-step',\n STEP_CONTAINER: 'forge-step__container',\n ERROR: 'forge-step--error',\n SELECTED: 'forge-step--selected',\n COMPLETED: 'forge-step--completed',\n EDITABLE: 'forge-step--editable',\n ALTERNATIVE: 'forge-step--alternative',\n ICON_CONTENT: 'forge-step-icon-content',\n ICON: 'forge-step-icon',\n LABEL_CONTAINER: 'forge-step-label-container',\n LABEL: 'forge-step-label',\n OPTIONAL_LABEL: 'forge-step-optional-label',\n INDEX: 'forge-step-index',\n CLUSTERED: 'forge-step--clustered',\n DISABLED: 'forge-step--disabled',\n VERTICAL: 'forge-step--vertical',\n EXPANDED: 'forge-step--expanded',\n EXPANDABLE: 'forge-step--expandable',\n EXPANSION_PANEL: 'forge-step__expansion-panel',\n EXPANSION_ICON: 'forge-step__expanded-icon',\n EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n SELECTED: `selected`,\n INDEX: `index`,\n EDITABLE: `editable`,\n COMPLETED: `completed`,\n ERROR: `error`,\n ALTERNATIVE: 'alternative',\n FIRST: 'first',\n LAST: 'last',\n ARIA_SELECTED: 'aria-selected',\n CLUSTERED: `clustered`,\n DISABLED: 'disabled',\n VERTICAL: 'vertical',\n EXPANDED: 'expanded',\n EXPANDABLE: 'expandable',\n IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n STEP: `.${classes.STEP}`,\n STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n INDEX: `.${classes.INDEX}`,\n ICON: `.${classes.ICON}`,\n ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n EXPANSION_ICON: `.${classes.EXPANSION_ICON}`\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n SELECT: `${elementName}-select`,\n EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n component: IStepComponent;\n toggleDisabled(disabled: boolean): void;\n focusButton(): void;\n attachRipple: () => void;\n detatchRipple: () => void;\n setIndex(value: number): void;\n initialize(): void;\n toggleRootClass(className: string, on: boolean): void;\n setRootAttribute(attribute: string, value: string): void;\n setRootTabIndex(value: number): void;\n toggleIcon(name: StepIcons, show: boolean): void;\n setClickListener(listener: (evt: MouseEvent) => void): void;\n removeClickListener(listener: (evt: MouseEvent) => void): void;\n slotHasContent(): boolean;\n setExpanded(expanded: boolean): void;\n setSlotListener(listener: (evt: MouseEvent) => void): void;\n removeSlotListener(listener: (evt: MouseEvent) => void): void;\n setExpansionPanelAnimations: (animate: boolean) => void;\n addExpansionPanel: () => void;\n removeExpansionPanel: () => void;\n addExpansionIcon: () => void;\n removeExpansionIcon: () => void;\n addExpansionPanelListener(event: string, listener: EventListener): void;\n removeExpansionPanelListener(event: string, listener: EventListener): void;\n isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter, ForgeRippleCapableSurface {\n private _buttonElement: HTMLButtonElement;\n private _container: HTMLElement;\n private _rippleInstance: ForgeRipple;\n private _expansionSlot: HTMLSlotElement;\n private _expansionPanel: IExpansionPanelComponent;\n\n constructor(_component: IStepComponent) {\n super(_component);\n this._buttonElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLButtonElement;\n this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n }\n\n // ForgeRippleCapableSurface\n public get root(): HTMLElement {\n return this._buttonElement;\n }\n public unbounded = false;\n public get disabled(): boolean {\n return this._buttonElement.disabled;\n }\n\n public get component(): IStepComponent {\n return this._component;\n }\n\n public setRootTabIndex(value: number): void {\n this._buttonElement.tabIndex = value;\n }\n\n public initialize(): void {\n this._component.setAttribute('role', 'tab');\n }\n\n public attachRipple(): void {\n this._rippleInstance = this.initializeRipple();\n }\n\n public detatchRipple(): void {\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n }\n\n public initializeRipple(): ForgeRipple {\n return this._createRipple();\n }\n\n public setIndex(value: number): void {\n (this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n }\n\n public toggleRootClass(className: string, on: boolean): void {\n toggleClass(this._buttonElement, on, className);\n }\n\n public setRootAttribute(attribute: string, value: string): void {\n this._buttonElement.setAttribute(attribute, value);\n }\n\n public focusButton(): void {\n this._buttonElement.focus();\n }\n\n public toggleDisabled(disabled: boolean): void {\n toggleClass(this._buttonElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._buttonElement, disabled, 'aria-disabled');\n this._buttonElement.disabled = disabled;\n }\n\n public toggleIcon(name: StepIcons, show: boolean): void {\n const index = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n if (!show) {\n index.style.display = 'inherit';\n icon.style.display = 'none';\n return;\n }\n\n index.style.display = 'none';\n icon.style.display = 'inherit';\n icon.name = name;\n }\n\n public slotHasContent(): boolean {\n return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n }\n\n public setClickListener(listener: (evt: MouseEvent) => void): void {\n this._buttonElement.addEventListener('click', listener);\n }\n\n public removeClickListener(listener: (evt: MouseEvent) => void): void {\n this._buttonElement.removeEventListener('click', listener);\n }\n\n public setSlotListener(listener: (evt: MouseEvent) => void): void {\n this._expansionSlot.addEventListener('slotchange', listener);\n }\n\n public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n if (this._expansionSlot) {\n this._expansionSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public setExpanded(expanded: boolean): void {\n if (this._expansionPanel) {\n this._expansionPanel.open = expanded;\n toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n }\n\n toggleClass(this._buttonElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n }\n\n public setExpansionPanelAnimations(animate: boolean): void {\n this._expansionPanel.useAnimations = animate;\n }\n\n public addExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n return;\n }\n\n this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n }\n\n public removeExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n this._container.removeChild(panel);\n }\n }\n\n public addExpansionIcon(): void {\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n return;\n }\n\n this._buttonElement.appendChild(this._createExpansionIcon());\n }\n\n public removeExpansionIcon(): void {\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n this._buttonElement.removeChild(icon);\n }\n }\n\n public addExpansionPanelListener(event: string, listener: EventListener): void {\n this._expansionPanel.addEventListener(event, listener);\n }\n\n public removeExpansionPanelListener(event: string, listener: EventListener): void {\n if (this._expansionPanel) {\n this._expansionPanel.removeEventListener(event, listener);\n }\n }\n\n public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n }\n\n private _createRipple(): ForgeRipple {\n const adapter: ForgeRippleAdapter = {\n ...ForgeRipple.createAdapter(this),\n isSurfaceDisabled: () => this._buttonElement.disabled\n };\n const ripple = new ForgeRipple(this._buttonElement, new ForgeRippleFoundation(adapter));\n return ripple;\n }\n\n private _createExpansionPanel(): IExpansionPanelComponent {\n const panel = document.createElement('forge-expansion-panel');\n panel.useAnimations = false;\n panel.setAttribute('part', 'expansion-panel');\n addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n const slot = document.createElement('slot');\n\n slot.setAttribute('name', 'expansion-content');\n addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n panel.appendChild(slot);\n\n return panel;\n }\n\n private _createExpansionIcon(): IIconComponent {\n const icon = document.createElement('forge-icon');\n addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n icon.name = 'keyboard_arrow_down';\n icon.setAttribute('part', 'expanded-icon');\n return icon;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n vertical: boolean;\n setStepTabIndex(index: number): void;\n}\n\nexport class StepFoundation implements IStepFoundation {\n private _index: number;\n private _completed: boolean;\n private _editable: boolean;\n private _error: boolean;\n private _selected: boolean;\n private _alternative: boolean;\n private _disabled: boolean;\n private _iconState: StepIcons;\n private _vertical: boolean;\n private _expanded: boolean;\n private _ignoreUserExpansion: boolean;\n private _initialized: boolean;\n private _expandedContentFocused: boolean;\n private _clickListener: EventListener;\n private _expansionContentFocusInListener: EventListener;\n private _expansionContentFocusOutListener: EventListener;\n private _expansionContentSlotChangeListener: EventListener;\n\n constructor(private _adapter: IStepAdapter) {\n this._clickListener = () => this._onClickListener();\n this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.attachRipple();\n this._applySelected();\n this._toggleIcon();\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n }\n this._initialized = true;\n }\n\n public disconnect(): void {\n this._adapter.detatchRipple();\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n }\n\n public get index(): number {\n return this._index;\n }\n public set index(value: number) {\n if (this._index !== value) {\n this._index = value;\n this._applyIndex();\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n }\n }\n\n public get editable(): boolean {\n return this._editable;\n }\n public set editable(value: boolean) {\n if (this._editable !== value) {\n this._editable = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n this._applyEditable();\n }\n }\n\n public get completed(): boolean {\n return this._completed;\n }\n public set completed(value: boolean) {\n if (this._completed !== value) {\n this._completed = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n this._applyCompleted();\n }\n }\n\n public get error(): boolean {\n return this._error;\n }\n public set error(value: boolean) {\n if (this._error !== value) {\n this._error = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n this._applyError();\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._selected = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n this._applySelected();\n }\n }\n\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n this._applyAlternative();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n this._disabled = value;\n this._applyDisabled();\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n\n if (this._initialized) {\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n } else {\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n this._adapter.removeExpansionPanel();\n this._adapter.removeExpansionIcon();\n }\n }\n }\n }\n\n public get expanded(): boolean {\n return this._expanded;\n }\n public set expanded(value: boolean) {\n if (value !== this._expanded) {\n this._expanded = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n if (this._initialized) {\n this._applyExpanded();\n }\n }\n }\n\n public get ignoreUserExpansion(): boolean {\n return this._ignoreUserExpansion;\n }\n public set ignoreUserExpansion(value: boolean) {\n if (value !== this._ignoreUserExpansion) {\n this._ignoreUserExpansion = value;\n }\n }\n\n public setStepTabIndex(index: number): void {\n this._adapter.setRootTabIndex(index);\n }\n\n private _applyExpanded(): void {\n this._adapter.setExpanded(this._expanded);\n }\n\n private _applyVertical(): void {\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n }\n\n public focus(): void {\n this._adapter.focusButton();\n }\n\n private _applyAlternative(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n }\n\n private _applySelected(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n this._adapter.setRootTabIndex(this._selected ? 0 : -1);\n this._toggleIcon();\n }\n\n private _applyIndex(): void {\n this._adapter.setIndex(this._index);\n }\n\n private _applyEditable(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n this._toggleIcon();\n }\n\n private _applyCompleted(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n this._toggleIcon();\n }\n\n private _applyError(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n this._toggleIcon();\n }\n\n private _applyDisabled(): void {\n this._adapter.toggleDisabled(this._disabled);\n this._toggleIcon();\n }\n\n private _getIconState(): StepIcons {\n if (this._error) {\n return 'warning';\n }\n\n if (this._completed) {\n if (this._editable) {\n return 'mode_edit';\n }\n\n return 'check';\n }\n\n if (this._editable && this._selected && !this._disabled) {\n return 'mode_edit';\n }\n\n if (this._disabled) {\n return 'block';\n }\n\n return '';\n }\n\n private _toggleIcon(): void {\n this._iconState = this._getIconState();\n this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n }\n\n private _toggleExpanded(): void {\n if (this._adapter.slotHasContent()) {\n this._expanded = !this._expanded;\n this._applyExpanded();\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n }\n }\n\n private _onClickListener(): void {\n if (this._vertical && !this._ignoreUserExpansion) {\n this._toggleExpanded();\n }\n }\n\n private _onExpansionContentSlotChange(evt: Event): void {\n const hasSlotContent = this._adapter.slotHasContent();\n\n if (hasSlotContent) {\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._applyExpanded();\n // The animations on the initial slot content is causing the panel not to open correctly. Opting out for animations on initialization\n this._adapter.setExpansionPanelAnimations(true);\n } else {\n this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._adapter.setExpansionPanelAnimations(false);\n }\n\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n }\n\n private _onExpansionContentFocusIn(event: FocusEvent): void {\n if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n this._expandedContentFocused = true;\n }\n }\n\n private _onExpansionContentFocusOut(event: FocusEvent): void {\n if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n this._expandedContentFocused = false;\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ExpansionPanelComponent } from '../../expansion-panel';\n\nconst template = '<template><div class=\\\"forge-step__container\\\" part=\\\"root\\\"><button class=\\\"forge-step\\\" type=\\\"button\\\" part=\\\"button\\\"><div class=\\\"before\\\" part=\\\"before\\\"></div><div class=\\\"forge-step__icon-container\\\" part=\\\"icon-container\\\"><div class=\\\"forge-step-icon-content\\\" part=\\\"icon-content\\\"><span class=\\\"forge-step-index\\\" part=\\\"index\\\"></span><forge-icon class=\\\"forge-step-icon\\\" part=\\\"icon\\\"></forge-icon></div></div><div class=\\\"forge-step__text-container\\\" part=\\\"text-container\\\"><div class=\\\"forge-step__title\\\" part=\\\"title-container\\\"><slot></slot></div><div class=\\\"forge-step__subtitle\\\" part=\\\"subtitle-container\\\"><slot name=\\\"optional\\\"></slot></div></div><div class=\\\"after\\\" part=\\\"after\\\"></div></button></div></template>';\nconst styles = '@-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)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--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;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-step::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-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.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-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.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-step.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-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-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-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:\\\"\\\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:\\\"\\\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';\n\nexport interface IStepComponent extends IBaseComponent {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n disabled: boolean;\n vertical: boolean;\n expanded: boolean;\n ignoreUserExpansion: boolean;\n setStepTabIndex(index: number): void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-step': IStepComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-step-selected': CustomEvent<number>;\n 'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n 'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n }\n}\n\n/**\n * The web component class behind the `<forge-step>` custom element.\n * \n * @tag forge-step\n */\n@CustomElement({\n name: STEP_CONSTANTS.elementName,\n dependencies: [\n IconComponent,\n ExpansionPanelComponent\n ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n public static get observedAttributes(): string[] {\n return [\n STEP_CONSTANTS.attributes.COMPLETED,\n STEP_CONSTANTS.attributes.EDITABLE,\n STEP_CONSTANTS.attributes.ERROR,\n STEP_CONSTANTS.attributes.INDEX,\n STEP_CONSTANTS.attributes.SELECTED,\n STEP_CONSTANTS.attributes.ALTERNATIVE,\n STEP_CONSTANTS.attributes.DISABLED,\n STEP_CONSTANTS.attributes.VERTICAL,\n STEP_CONSTANTS.attributes.EXPANDED,\n STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n ];\n }\n\n private _foundation: StepFoundation;\n\n constructor() {\n super();\n IconRegistry.define([\n tylIconModeEdit,\n tylIconCheck,\n tylIconWarning,\n tylIconBlock,\n tylIconKeyboardArrowDown\n ]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepFoundation(new StepAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEP_CONSTANTS.attributes.INDEX:\n this.index = coerceNumber(newValue);\n break;\n case STEP_CONSTANTS.attributes.COMPLETED:\n this.completed = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EDITABLE:\n this.editable = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ERROR:\n this.error = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EXPANDED:\n this.expanded = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n this.ignoreUserExpansion = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare alternative: boolean;\n\n @FoundationProperty()\n public declare index: number;\n\n @FoundationProperty()\n public declare editable: boolean;\n\n @FoundationProperty()\n public declare completed: boolean;\n\n @FoundationProperty()\n public declare error: boolean;\n\n @FoundationProperty()\n public declare selected: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n \n @FoundationProperty()\n public declare expanded: boolean;\n \n @FoundationProperty()\n public declare ignoreUserExpansion: boolean;\n\n public override focus(): void {\n this._foundation.focus();\n }\n\n public setStepTabIndex(index: number): void {\n this._foundation.setStepTabIndex(index);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n defineCustomElement(StepComponent);\n}\n"],
4
+ "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}step`;\n\nconst classes = {\n STEP: 'forge-step',\n STEP_CONTAINER: 'forge-step__container',\n ERROR: 'forge-step--error',\n SELECTED: 'forge-step--selected',\n COMPLETED: 'forge-step--completed',\n EDITABLE: 'forge-step--editable',\n ALTERNATIVE: 'forge-step--alternative',\n ICON_CONTENT: 'forge-step-icon-content',\n ICON: 'forge-step-icon',\n LABEL_CONTAINER: 'forge-step-label-container',\n LABEL: 'forge-step-label',\n OPTIONAL_LABEL: 'forge-step-optional-label',\n INDEX: 'forge-step-index',\n CLUSTERED: 'forge-step--clustered',\n DISABLED: 'forge-step--disabled',\n VERTICAL: 'forge-step--vertical',\n EXPANDED: 'forge-step--expanded',\n EXPANDABLE: 'forge-step--expandable',\n EXPANSION_PANEL: 'forge-step__expansion-panel',\n EXPANSION_ICON: 'forge-step__expanded-icon',\n EXPANSION_ICON_EXPANDED: 'forge-step__expanded-icon--expanded',\n EXPANSION_CONTENT: 'forge-step__expansion-content'\n};\n\nconst attributes = {\n SELECTED: `selected`,\n INDEX: `index`,\n EDITABLE: `editable`,\n COMPLETED: `completed`,\n ERROR: `error`,\n ALTERNATIVE: 'alternative',\n FIRST: 'first',\n LAST: 'last',\n ARIA_SELECTED: 'aria-selected',\n CLUSTERED: `clustered`,\n DISABLED: 'disabled',\n VERTICAL: 'vertical',\n EXPANDED: 'expanded',\n EXPANDABLE: 'expandable',\n IGNORE_USER_EXPANSION: 'ignore-user-expansion'\n};\n\nconst selectors = {\n STEP: `.${classes.STEP}`,\n STEP_CONTAINER: `.${classes.STEP_CONTAINER}`,\n INDEX: `.${classes.INDEX}`,\n ICON: `.${classes.ICON}`,\n ICON_CONTENT: `.${classes.ICON_CONTENT}`,\n EXPANSION_SLOT: `slot[name=\"expansion-content\"]`,\n EXPANSION_PANEL: `.${classes.EXPANSION_PANEL}`,\n EXPANSION_ICON: `.${classes.EXPANSION_ICON}`\n};\n\nconst strings = {\n ARROW_LEFT_KEY: 'ArrowLeft',\n ARROW_RIGHT_KEY: 'ArrowRight',\n ARROW_UP_KEY: 'ArrowUp',\n ARROW_DOWN_KEY: 'ArrowDown',\n END_KEY: 'End',\n ENTER_KEY: 'Enter',\n HOME_KEY: 'Home',\n SPACE_KEY: 'Space',\n EXPANSION_CONTENT_SLOT_NAME: 'expansion-content'\n};\n\nconst events = {\n SELECT: `${elementName}-select`,\n EXPANDED_CONTENT_FOCUSIN: `${elementName}-expanded-content-focusin`,\n EXPANDED_CONTENT_FOCUSOUT: `${elementName}-expanded-content-focusout`\n};\n\nexport const STEP_CONSTANTS = {\n elementName,\n classes,\n selectors,\n attributes,\n events,\n strings\n};\n\nexport type StepIcons = 'check' | 'block' | 'mode_edit' | 'warning' | '';\n", "import { addClass, getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base';\nimport { IStepComponent } from './step';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\nimport { IIconComponent } from '../../icon';\nimport { IExpansionPanelComponent } from '../../expansion-panel';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\n\nexport interface IStepAdapter extends IBaseAdapter {\n component: IStepComponent;\n toggleDisabled(disabled: boolean): void;\n focusButton(): void;\n attachRipple: () => void;\n detatchRipple: () => void;\n setIndex(value: number): void;\n initialize(): void;\n toggleRootClass(className: string, on: boolean): void;\n setRootAttribute(attribute: string, value: string): void;\n setRootTabIndex(value: number): void;\n toggleIcon(name: StepIcons, show: boolean): void;\n setClickListener(listener: (evt: MouseEvent) => void): void;\n removeClickListener(listener: (evt: MouseEvent) => void): void;\n slotHasContent(): boolean;\n setExpanded(expanded: boolean): void;\n setSlotListener(listener: (evt: MouseEvent) => void): void;\n removeSlotListener(listener: (evt: MouseEvent) => void): void;\n setExpansionPanelAnimations: (animate: boolean) => void;\n addExpansionPanel: () => void;\n removeExpansionPanel: () => void;\n addExpansionIcon: () => void;\n removeExpansionIcon: () => void;\n addExpansionPanelListener(event: string, listener: EventListener): void;\n removeExpansionPanelListener(event: string, listener: EventListener): void;\n isExpandedContentInFocus(checkElement?: HTMLElement): boolean;\n}\n\nexport class StepAdapter extends BaseAdapter<IStepComponent> implements IStepAdapter, ForgeRippleCapableSurface {\n private _buttonElement: HTMLButtonElement;\n private _container: HTMLElement;\n private _rippleInstance: ForgeRipple;\n private _expansionSlot: HTMLSlotElement;\n private _expansionPanel: IExpansionPanelComponent;\n\n constructor(_component: IStepComponent) {\n super(_component);\n this._buttonElement = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP) as HTMLButtonElement;\n this._container = getShadowElement(_component, STEP_CONSTANTS.selectors.STEP_CONTAINER) as HTMLElement;\n }\n\n // ForgeRippleCapableSurface\n public get root(): HTMLElement {\n return this._buttonElement;\n }\n public unbounded = false;\n public get disabled(): boolean {\n return this._buttonElement.disabled;\n }\n\n public get component(): IStepComponent {\n return this._component;\n }\n\n public setRootTabIndex(value: number): void {\n this._buttonElement.tabIndex = value;\n }\n\n public initialize(): void {\n this._component.setAttribute('role', 'tab');\n }\n\n public attachRipple(): void {\n this._rippleInstance = this.initializeRipple();\n }\n\n public detatchRipple(): void {\n if (this._rippleInstance) {\n this._rippleInstance.destroy();\n }\n }\n\n public initializeRipple(): ForgeRipple {\n return this._createRipple();\n }\n\n public setIndex(value: number): void {\n (this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement).innerHTML = (value + 1 || '').toString();\n }\n\n public toggleRootClass(className: string, on: boolean): void {\n toggleClass(this._buttonElement, on, className);\n }\n\n public setRootAttribute(attribute: string, value: string): void {\n this._buttonElement.setAttribute(attribute, value);\n }\n\n public focusButton(): void {\n this._buttonElement.focus();\n }\n\n public toggleDisabled(disabled: boolean): void {\n toggleClass(this._buttonElement, disabled, STEP_CONSTANTS.classes.DISABLED);\n toggleAttribute(this._buttonElement, disabled, 'aria-disabled');\n this._buttonElement.disabled = disabled;\n }\n\n public toggleIcon(name: StepIcons, show: boolean): void {\n const index = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.INDEX) as HTMLElement;\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.ICON) as IIconComponent;\n if (!show) {\n index.style.display = 'inherit';\n icon.style.display = 'none';\n return;\n }\n\n index.style.display = 'none';\n icon.style.display = 'inherit';\n icon.name = name;\n }\n\n public slotHasContent(): boolean {\n return this._expansionSlot.assignedElements({ flatten: true }).length > 0;\n }\n\n public setClickListener(listener: (evt: MouseEvent) => void): void {\n this._buttonElement.addEventListener('click', listener);\n }\n\n public removeClickListener(listener: (evt: MouseEvent) => void): void {\n this._buttonElement.removeEventListener('click', listener);\n }\n\n public setSlotListener(listener: (evt: MouseEvent) => void): void {\n this._expansionSlot.addEventListener('slotchange', listener);\n }\n\n public removeSlotListener(listener: (evt: MouseEvent) => void): void {\n if (this._expansionSlot) {\n this._expansionSlot.removeEventListener('slotchange', listener);\n }\n }\n\n public setExpanded(expanded: boolean): void {\n if (this._expansionPanel) {\n this._expansionPanel.open = expanded;\n toggleAttribute(this._expansionPanel, !expanded, 'tabindex', '-1');\n }\n\n toggleClass(this._buttonElement, expanded, STEP_CONSTANTS.classes.EXPANDED);\n }\n\n public setExpansionPanelAnimations(animate: boolean): void {\n this._expansionPanel.useAnimations = animate;\n }\n\n public addExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n return;\n }\n\n this._expansionPanel = this._container.appendChild(this._createExpansionPanel());\n this._expansionSlot = this._expansionPanel.querySelector(STEP_CONSTANTS.selectors.EXPANSION_SLOT) as HTMLSlotElement;\n }\n\n public removeExpansionPanel(): void {\n const panel = this._container.querySelector(STEP_CONSTANTS.selectors.EXPANSION_PANEL);\n\n if (panel) {\n this._container.removeChild(panel);\n }\n }\n\n public addExpansionIcon(): void {\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n return;\n }\n\n this._buttonElement.appendChild(this._createExpansionIcon());\n }\n\n public removeExpansionIcon(): void {\n const icon = this._buttonElement.querySelector(STEP_CONSTANTS.selectors.EXPANSION_ICON);\n\n if (icon) {\n this._buttonElement.removeChild(icon);\n }\n }\n\n public addExpansionPanelListener(event: string, listener: EventListener): void {\n this._expansionPanel.addEventListener(event, listener);\n }\n\n public removeExpansionPanelListener(event: string, listener: EventListener): void {\n if (this._expansionPanel) {\n this._expansionPanel.removeEventListener(event, listener);\n }\n }\n\n public isExpandedContentInFocus(checkElement?: HTMLElement): boolean {\n return this._expansionSlot.assignedElements().some(element => element.contains(checkElement || document.activeElement));\n }\n\n private _createRipple(): ForgeRipple {\n const adapter: ForgeRippleAdapter = {\n ...ForgeRipple.createAdapter(this),\n isSurfaceDisabled: () => this._buttonElement.disabled\n };\n const ripple = new ForgeRipple(this._buttonElement, new ForgeRippleFoundation(adapter));\n return ripple;\n }\n\n private _createExpansionPanel(): IExpansionPanelComponent {\n const panel = document.createElement('forge-expansion-panel');\n panel.useAnimations = false;\n panel.setAttribute('part', 'expansion-panel');\n addClass(STEP_CONSTANTS.classes.EXPANSION_PANEL, panel);\n\n const slot = document.createElement('slot');\n\n slot.setAttribute('name', 'expansion-content');\n addClass(STEP_CONSTANTS.classes.EXPANSION_CONTENT, slot);\n panel.appendChild(slot);\n\n return panel;\n }\n\n private _createExpansionIcon(): IIconComponent {\n const icon = document.createElement('forge-icon');\n addClass(STEP_CONSTANTS.classes.EXPANSION_ICON, icon);\n icon.name = 'keyboard_arrow_down';\n icon.setAttribute('part', 'expanded-icon');\n return icon;\n }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IStepAdapter } from './step-adapter';\nimport { StepIcons, STEP_CONSTANTS } from './step-constants';\n\n\nexport interface IStepFoundation extends ICustomElementFoundation {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n vertical: boolean;\n setStepTabIndex(index: number): void;\n}\n\nexport class StepFoundation implements IStepFoundation {\n private _index: number;\n private _completed: boolean;\n private _editable: boolean;\n private _error: boolean;\n private _selected: boolean;\n private _alternative: boolean;\n private _disabled: boolean;\n private _iconState: StepIcons;\n private _vertical: boolean;\n private _expanded: boolean;\n private _ignoreUserExpansion: boolean;\n private _initialized: boolean;\n private _expandedContentFocused: boolean;\n private _clickListener: EventListener;\n private _expansionContentFocusInListener: EventListener;\n private _expansionContentFocusOutListener: EventListener;\n private _expansionContentSlotChangeListener: EventListener;\n\n constructor(private _adapter: IStepAdapter) {\n this._clickListener = () => this._onClickListener();\n this._expansionContentSlotChangeListener = evt => this._onExpansionContentSlotChange(evt);\n this._expansionContentFocusInListener = evt => this._onExpansionContentFocusIn(evt as FocusEvent);\n this._expansionContentFocusOutListener = evt => this._onExpansionContentFocusOut(evt as FocusEvent);\n }\n\n public initialize(): void {\n this._adapter.initialize();\n this._adapter.attachRipple();\n this._applySelected();\n this._toggleIcon();\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.addExpansionPanelListener('focusin', this._expansionContentFocusInListener);\n this._adapter.addExpansionPanelListener('focusout', this._expansionContentFocusOutListener);\n }\n this._initialized = true;\n }\n\n public disconnect(): void {\n this._adapter.detatchRipple();\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n this._adapter.removeExpansionPanelListener('focusin', this._onExpansionContentFocusIn);\n this._adapter.removeExpansionPanelListener('focusout', this._onExpansionContentFocusOut);\n }\n\n public get index(): number {\n return this._index;\n }\n public set index(value: number) {\n if (this._index !== value) {\n this._index = value;\n this._applyIndex();\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.INDEX, value.toString());\n }\n }\n\n public get editable(): boolean {\n return this._editable;\n }\n public set editable(value: boolean) {\n if (this._editable !== value) {\n this._editable = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EDITABLE, value);\n this._applyEditable();\n }\n }\n\n public get completed(): boolean {\n return this._completed;\n }\n public set completed(value: boolean) {\n if (this._completed !== value) {\n this._completed = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.COMPLETED, value);\n this._applyCompleted();\n }\n }\n\n public get error(): boolean {\n return this._error;\n }\n public set error(value: boolean) {\n if (this._error !== value) {\n this._error = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ERROR, value);\n this._applyError();\n }\n }\n\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(value: boolean) {\n if (this._selected !== value) {\n this._selected = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.SELECTED, value);\n this._applySelected();\n }\n }\n\n public get alternative(): boolean {\n return this._alternative;\n }\n public set alternative(value: boolean) {\n if (this._alternative !== value) {\n this._alternative = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.ALTERNATIVE, value);\n this._applyAlternative();\n }\n }\n\n public get disabled(): boolean {\n return this._disabled;\n }\n public set disabled(value: boolean) {\n this._disabled = value;\n this._applyDisabled();\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n public set vertical(value: boolean) {\n if (value !== this._vertical) {\n this._vertical = value;\n this._applyVertical();\n\n if (this._initialized) {\n if (this._vertical) {\n this._adapter.addExpansionPanel();\n this._adapter.addExpansionIcon();\n\n this._adapter.setClickListener(this._clickListener);\n this._adapter.setSlotListener(this._expansionContentSlotChangeListener);\n } else {\n this._adapter.removeClickListener(this._clickListener);\n this._adapter.removeSlotListener(this._expansionContentSlotChangeListener);\n\n this._adapter.removeExpansionPanel();\n this._adapter.removeExpansionIcon();\n }\n }\n }\n }\n\n public get expanded(): boolean {\n return this._expanded;\n }\n public set expanded(value: boolean) {\n if (value !== this._expanded) {\n this._expanded = value;\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n if (this._initialized) {\n this._applyExpanded();\n }\n }\n }\n\n public get ignoreUserExpansion(): boolean {\n return this._ignoreUserExpansion;\n }\n public set ignoreUserExpansion(value: boolean) {\n if (value !== this._ignoreUserExpansion) {\n this._ignoreUserExpansion = value;\n }\n }\n\n public setStepTabIndex(index: number): void {\n this._adapter.setRootTabIndex(index);\n }\n\n private _applyExpanded(): void {\n this._adapter.setExpanded(this._expanded);\n }\n\n private _applyVertical(): void {\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.VERTICAL, this._vertical);\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.VERTICAL, this._vertical);\n }\n\n public focus(): void {\n this._adapter.focusButton();\n }\n\n private _applyAlternative(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ALTERNATIVE, this._alternative);\n }\n\n private _applySelected(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.SELECTED, this._selected);\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.ARIA_SELECTED, (this._selected || false).toString());\n this._adapter.setRootTabIndex(this._selected ? 0 : -1);\n this._toggleIcon();\n }\n\n private _applyIndex(): void {\n this._adapter.setIndex(this._index);\n }\n\n private _applyEditable(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EDITABLE, this._editable);\n this._toggleIcon();\n }\n\n private _applyCompleted(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.COMPLETED, this._completed);\n this._toggleIcon();\n }\n\n private _applyError(): void {\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.ERROR, this._error);\n\n this._toggleIcon();\n }\n\n private _applyDisabled(): void {\n this._adapter.toggleDisabled(this._disabled);\n this._toggleIcon();\n }\n\n private _getIconState(): StepIcons {\n if (this._error) {\n return 'warning';\n }\n\n if (this._completed) {\n if (this._editable) {\n return 'mode_edit';\n }\n\n return 'check';\n }\n\n if (this._editable && this._selected && !this._disabled) {\n return 'mode_edit';\n }\n\n if (this._disabled) {\n return 'block';\n }\n\n return '';\n }\n\n private _toggleIcon(): void {\n this._iconState = this._getIconState();\n this._adapter.toggleIcon(this._iconState, this._iconState !== '');\n }\n\n private _toggleExpanded(): void {\n if (this._adapter.slotHasContent()) {\n this._expanded = !this._expanded;\n this._applyExpanded();\n this._adapter.toggleHostAttribute(STEP_CONSTANTS.attributes.EXPANDED, this._expanded);\n }\n }\n\n private _onClickListener(): void {\n if (this._vertical && !this._ignoreUserExpansion) {\n this._toggleExpanded();\n }\n }\n\n private _onExpansionContentSlotChange(evt: Event): void {\n const hasSlotContent = this._adapter.slotHasContent();\n\n if (hasSlotContent) {\n this._adapter.setHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._applyExpanded();\n // The animations on the initial slot content is causing the panel not to open correctly. Opting out for animations on initialization\n this._adapter.setExpansionPanelAnimations(true);\n } else {\n this._adapter.removeHostAttribute(STEP_CONSTANTS.attributes.EXPANDABLE);\n this._adapter.setExpansionPanelAnimations(false);\n }\n\n this._adapter.toggleRootClass(STEP_CONSTANTS.classes.EXPANDABLE, hasSlotContent);\n }\n\n private _onExpansionContentFocusIn(event: FocusEvent): void {\n if (!this._expandedContentFocused && this._adapter.isExpandedContentInFocus(event.target as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSIN, this._adapter.component);\n this._expandedContentFocused = true;\n }\n }\n\n private _onExpansionContentFocusOut(event: FocusEvent): void {\n if (event.relatedTarget && !this._adapter.isExpandedContentInFocus(event.relatedTarget as HTMLElement)) {\n this._adapter.emitHostEvent(STEP_CONSTANTS.events.EXPANDED_CONTENT_FOCUSOUT, this._adapter.component);\n this._expandedContentFocused = false;\n }\n }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { StepAdapter } from './step-adapter';\nimport { STEP_CONSTANTS } from './step-constants';\nimport { StepFoundation } from './step-foundation';\nimport { IconRegistry, IconComponent } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ExpansionPanelComponent } from '../../expansion-panel';\n\nconst template = '<template><div class=\\\"forge-step__container\\\" part=\\\"root\\\"><button class=\\\"forge-step\\\" type=\\\"button\\\" part=\\\"button\\\"><div class=\\\"before\\\" part=\\\"before\\\"></div><div class=\\\"forge-step__icon-container\\\" part=\\\"icon-container\\\"><div class=\\\"forge-step-icon-content\\\" part=\\\"icon-content\\\"><span class=\\\"forge-step-index\\\" part=\\\"index\\\"></span><forge-icon class=\\\"forge-step-icon\\\" part=\\\"icon\\\"></forge-icon></div></div><div class=\\\"forge-step__text-container\\\" part=\\\"text-container\\\"><div class=\\\"forge-step__title\\\" part=\\\"title-container\\\"><slot></slot></div><div class=\\\"forge-step__subtitle\\\" part=\\\"subtitle-container\\\"><slot name=\\\"optional\\\"></slot></div></div><div class=\\\"after\\\" part=\\\"after\\\"></div></button></div></template>';\nconst styles = '@-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)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--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;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-step::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-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.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-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.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-step.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-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-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-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:\\\"\\\";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:\\\"\\\";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:\\\"\\\";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}';\n\nexport interface IStepComponent extends IBaseComponent {\n index: number;\n editable: boolean;\n completed: boolean;\n error: boolean;\n selected: boolean;\n alternative: boolean;\n disabled: boolean;\n vertical: boolean;\n expanded: boolean;\n ignoreUserExpansion: boolean;\n setStepTabIndex(index: number): void;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'forge-step': IStepComponent;\n }\n\n interface HTMLElementEventMap {\n 'forge-step-selected': CustomEvent<number>;\n 'forge-step-expanded-content-focusin': CustomEvent<IStepComponent>;\n 'forge-step-expanded-content-focusout': CustomEvent<IStepComponent>;\n }\n}\n\n/**\n * The web component class behind the `<forge-step>` custom element.\n * \n * @tag forge-step\n */\n@CustomElement({\n name: STEP_CONSTANTS.elementName,\n dependencies: [\n IconComponent,\n ExpansionPanelComponent\n ]\n})\nexport class StepComponent extends BaseComponent implements IStepComponent {\n public static get observedAttributes(): string[] {\n return [\n STEP_CONSTANTS.attributes.COMPLETED,\n STEP_CONSTANTS.attributes.EDITABLE,\n STEP_CONSTANTS.attributes.ERROR,\n STEP_CONSTANTS.attributes.INDEX,\n STEP_CONSTANTS.attributes.SELECTED,\n STEP_CONSTANTS.attributes.ALTERNATIVE,\n STEP_CONSTANTS.attributes.DISABLED,\n STEP_CONSTANTS.attributes.VERTICAL,\n STEP_CONSTANTS.attributes.EXPANDED,\n STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION\n ];\n }\n\n private _foundation: StepFoundation;\n\n constructor() {\n super();\n IconRegistry.define([\n tylIconModeEdit,\n tylIconCheck,\n tylIconWarning,\n tylIconBlock,\n tylIconKeyboardArrowDown\n ]);\n attachShadowTemplate(this, template, styles);\n this._foundation = new StepFoundation(new StepAdapter(this));\n }\n\n public connectedCallback(): void {\n this._foundation.initialize();\n }\n\n public disconnectedCallback(): void {\n this._foundation.disconnect();\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n switch (name) {\n case STEP_CONSTANTS.attributes.INDEX:\n this.index = coerceNumber(newValue);\n break;\n case STEP_CONSTANTS.attributes.COMPLETED:\n this.completed = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EDITABLE:\n this.editable = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ERROR:\n this.error = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.SELECTED:\n this.selected = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.ALTERNATIVE:\n this.alternative = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.DISABLED:\n this.disabled = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.VERTICAL:\n this.vertical = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.EXPANDED:\n this.expanded = coerceBoolean(newValue);\n break;\n case STEP_CONSTANTS.attributes.IGNORE_USER_EXPANSION:\n this.ignoreUserExpansion = coerceBoolean(newValue);\n break;\n }\n }\n\n @FoundationProperty()\n public declare alternative: boolean;\n\n @FoundationProperty()\n public declare index: number;\n\n @FoundationProperty()\n public declare editable: boolean;\n\n @FoundationProperty()\n public declare completed: boolean;\n\n @FoundationProperty()\n public declare error: boolean;\n\n @FoundationProperty()\n public declare selected: boolean;\n\n @FoundationProperty()\n public declare disabled: boolean;\n\n @FoundationProperty()\n public declare vertical: boolean;\n \n @FoundationProperty()\n public declare expanded: boolean;\n \n @FoundationProperty()\n public declare ignoreUserExpansion: boolean;\n\n public override focus(): void {\n this._foundation.focus();\n }\n\n public setStepTabIndex(index: number): void {\n this._foundation.setStepTabIndex(index);\n }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { StepComponent } from './step';\n\nexport * from './step-adapter';\nexport * from './step-constants';\nexport * from './step-foundation';\nexport * from './step';\n\nexport function defineStepComponent(): void {\n defineCustomElement(StepComponent);\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "attributes", "selectors", "strings", "events", "STEP_CONSTANTS", "StepAdapter", "BaseAdapter", "_component", "getShadowElement", "STEP_CONSTANTS", "value", "className", "on", "toggleClass", "attribute", "disabled", "toggleAttribute", "name", "show", "index", "icon", "listener", "expanded", "animate", "panel", "event", "checkElement", "element", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "ForgeRippleFoundation", "addClass", "slot", "StepFoundation", "_adapter", "evt", "value", "STEP_CONSTANTS", "index", "hasSlotContent", "event", "template", "styles", "StepComponent", "BaseComponent", "IconRegistry", "tylIconModeEdit", "tylIconCheck", "tylIconWarning", "tylIconBlock", "tylIconKeyboardArrowDown", "attachShadowTemplate", "StepFoundation", "StepAdapter", "STEP_CONSTANTS", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "index", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "ExpansionPanelComponent", "defineStepComponent", "defineCustomElement", "StepComponent"]
7
7
  }
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import{a as m,d as E}from"./chunk.57IVD67K.js";import{d as v}from"./chunk.X3YNJSDT.js";import{b as O}from"./chunk.A5R7KUIP.js";import{z as T}from"./chunk.FYWPZFLJ.js";import{a as N,d as C,l as A}from"./chunk.H5D54EHO.js";import{a}from"./chunk.NVUMRW44.js";import{a as B}from"./chunk.5V5ABSHI.js";import{a as g,b as I}from"./chunk.DTZFWZPB.js";import{a as h,d as _,g as c,k as f}from"./chunk.NK7H3MMM.js";import{u as l}from"./chunk.CFDK4RCW.js";import{k as d,l as b}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";var r=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._badgeElement=c(this._component,m.elementName),this._iconElement=c(this._component,N.elementName)}setCount(i){this._badgeElement.textContent=i}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){l(this._badgeElement,!!i,m.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.open=i}};var x=`${I}app-bar-notification-button`,H={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},t={elementName:x,attributes:H};var p=class{constructor(e){this._adapter=e;this._count=0;this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get icon(){return this._icon}set icon(e){this._icon!==e&&(this._icon=e,this._isInitialized&&(this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(t.attributes.ICON,this._icon)))}get count(){return this._count}set count(e){this._count!==e&&(this._count=e,this._isInitialized&&(this._adapter.setCount(this._count),this._adapter.setHostAttribute(t.attributes.COUNT,this._count)))}get dot(){return this._dot}set dot(e){this._dot!==e&&(this._dot=e,this._isInitialized&&(this._adapter.setBadgeType(this._dot),this._dot?this._adapter.setHostAttribute(t.attributes.DOT):this._adapter.removeHostAttribute(t.attributes.DOT)))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(t.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(e){this._showBadge!==e&&(this._showBadge=e,this._isInitialized&&(this._adapter.setBadgeVisible(this._showBadge),this._adapter.setHostAttribute(t.attributes.SHOW_BADGE,this._showBadge)))}};var w='<template><forge-icon-button class="forge-icon-button--with-badge"><button type="button" aria-label="Show notifications"><forge-icon></forge-icon></button><forge-tooltip delay="500" position="bottom">Notifications</forge-tooltip><forge-badge positioned app-bar-context></forge-badge></forge-icon-button></template>',o=class extends f{constructor(){super();C.define(T),this._foundation=new p(new r(this))}static get observedAttributes(){return[t.attributes.COUNT,t.attributes.DOT,t.attributes.THEME,t.attributes.SHOW_BADGE,t.attributes.ICON]}initializedCallback(){_(this,w)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(i,S,s){switch(i){case t.attributes.COUNT:this.count=b(s);break;case t.attributes.DOT:this.dot=d(s);break;case t.attributes.THEME:this.theme=s;break;case t.attributes.ICON:this.icon=s;break;case t.attributes.SHOW_BADGE:this.showBadge=d(s);break}}};n([a()],o.prototype,"count",2),n([a()],o.prototype,"dot",2),n([a()],o.prototype,"theme",2),n([a()],o.prototype,"icon",2),n([a()],o.prototype,"showBadge",2),o=n([g({name:t.elementName,dependencies:[O,v,E,A]})],o);function at(){h(o)}export{r as a,t as b,p as c,o as d,at as e};
7
- //# sourceMappingURL=chunk.7JQHQKXN.js.map
6
+ import{a as m,d as E}from"./chunk.57IVD67K.js";import{d as v}from"./chunk.X3YNJSDT.js";import{b as O}from"./chunk.KSCUIS5C.js";import{z as T}from"./chunk.FYWPZFLJ.js";import{a as N,d as C,l as A}from"./chunk.H5D54EHO.js";import{a}from"./chunk.NVUMRW44.js";import{a as B}from"./chunk.5V5ABSHI.js";import{a as g,b as I}from"./chunk.DTZFWZPB.js";import{a as h,d as _,g as c,k as f}from"./chunk.NK7H3MMM.js";import{u as l}from"./chunk.CFDK4RCW.js";import{k as d,l as b}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";var r=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._badgeElement=c(this._component,m.elementName),this._iconElement=c(this._component,N.elementName)}setCount(i){this._badgeElement.textContent=i}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){l(this._badgeElement,!!i,m.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.open=i}};var x=`${I}app-bar-notification-button`,H={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},t={elementName:x,attributes:H};var p=class{constructor(e){this._adapter=e;this._count=0;this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get icon(){return this._icon}set icon(e){this._icon!==e&&(this._icon=e,this._isInitialized&&(this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(t.attributes.ICON,this._icon)))}get count(){return this._count}set count(e){this._count!==e&&(this._count=e,this._isInitialized&&(this._adapter.setCount(this._count),this._adapter.setHostAttribute(t.attributes.COUNT,this._count)))}get dot(){return this._dot}set dot(e){this._dot!==e&&(this._dot=e,this._isInitialized&&(this._adapter.setBadgeType(this._dot),this._dot?this._adapter.setHostAttribute(t.attributes.DOT):this._adapter.removeHostAttribute(t.attributes.DOT)))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(t.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(e){this._showBadge!==e&&(this._showBadge=e,this._isInitialized&&(this._adapter.setBadgeVisible(this._showBadge),this._adapter.setHostAttribute(t.attributes.SHOW_BADGE,this._showBadge)))}};var w='<template><forge-icon-button class="forge-icon-button--with-badge"><button type="button" aria-label="Show notifications"><forge-icon></forge-icon></button><forge-tooltip delay="500" position="bottom">Notifications</forge-tooltip><forge-badge positioned app-bar-context></forge-badge></forge-icon-button></template>',o=class extends f{constructor(){super();C.define(T),this._foundation=new p(new r(this))}static get observedAttributes(){return[t.attributes.COUNT,t.attributes.DOT,t.attributes.THEME,t.attributes.SHOW_BADGE,t.attributes.ICON]}initializedCallback(){_(this,w)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(i,S,s){switch(i){case t.attributes.COUNT:this.count=b(s);break;case t.attributes.DOT:this.dot=d(s);break;case t.attributes.THEME:this.theme=s;break;case t.attributes.ICON:this.icon=s;break;case t.attributes.SHOW_BADGE:this.showBadge=d(s);break}}};n([a()],o.prototype,"count",2),n([a()],o.prototype,"dot",2),n([a()],o.prototype,"theme",2),n([a()],o.prototype,"icon",2),n([a()],o.prototype,"showBadge",2),o=n([g({name:t.elementName,dependencies:[O,v,E,A]})],o);function at(){h(o)}export{r as a,t as b,p as c,o as d,at as e};
7
+ //# sourceMappingURL=chunk.6MPXRRMB.js.map
@@ -3,5 +3,5 @@
3
3
  * Copyright 2023 Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import{a,d as A}from"./chunk.JVW6JGV3.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as E}from"./chunk.5V5ABSHI.js";import{a as f,b as I,d}from"./chunk.DTZFWZPB.js";import{a as m,e as _,f as v,k as T}from"./chunk.NK7H3MMM.js";import{d as h}from"./chunk.CFDK4RCW.js";import{k as g}from"./chunk.J2M2MXP2.js";import{a as c,d as l}from"./chunk.M3QDAYD2.js";var L=`${I}button-toggle-group`,S={VALUE:"value",MULTIPLE:"multiple",MANDATORY:"mandatory",VERTICAL:"vertical",STRETCH:"stretch",DISABLED:"disabled",DENSE:"dense"},y={VERTICAL:"forge-button-toggle-group--vertical",STRETCH:"forge-button-toggle-group--stretch"},B={ROOT:".forge-button-toggle-group"},O={CHANGE:`${L}-change`},i={elementName:L,attributes:S,classes:y,selectors:B,events:O};var u=class extends E{constructor(t){super(t);this._rootElement=v(t,i.selectors.ROOT),this._slotElement=this._rootElement.querySelector("slot")}addListener(t,s){this._rootElement.addEventListener(t,s)}removeListener(t,s){this._rootElement.removeEventListener(t,s)}addSlotChangeListener(t){this._slotElement.addEventListener("slotchange",t)}removeSlotChangeListener(t){this._slotElement.addEventListener("slotchange",t)}deselect(t){this._getButtonToggleElements().filter(e=>e!==t).forEach(e=>e.selected=!1)}applyAdjacentSelections(t){let s=this._getButtonToggleElements();for(let e=s.length-1;e>0;e--)if(s[e].removeAttribute(a.attributes.SELECTED_ADJACENT),s[e].removeAttribute(a.attributes.SELECTED_ADJACENT_VERTICAL),s[e].selected&&s[e-1].selected){let C=t?a.attributes.SELECTED_ADJACENT_VERTICAL:a.attributes.SELECTED_ADJACENT;s[e].setAttribute(C,"")}}setVertical(t){t?this._rootElement.classList.add(i.classes.VERTICAL):this._rootElement.classList.remove(i.classes.VERTICAL)}setStretch(t){t?this._rootElement.classList.add(i.classes.STRETCH):this._rootElement.classList.remove(i.classes.STRETCH),this._getButtonToggleElements().forEach(e=>{t?e.setAttribute("stretch",""):e.removeAttribute("stretch")})}setDense(t){this._getButtonToggleElements().forEach(e=>e.dense=t)}setDisabled(t){this._getButtonToggleElements().forEach(e=>e.disabled=t)}getSelectedValues(){return this._getButtonToggleElements().filter(s=>s.selected).map(s=>s.value)}applyValues(t){this._getButtonToggleElements().forEach(e=>e.selected=t.indexOf(e.value)>=0)}createOptions(t){h(this._component),t.forEach(s=>{this._component.appendChild(this._createButtonToggle(s))})}_createButtonToggle(t){let s=document.createElement(a.elementName);if(s.value=t.value,t.label)s.textContent=t.label;else if(t.icon){let e=document.createElement("i");e.textContent=t.icon,e.classList.add(d),e.setAttribute("aria-hidden","true"),s.appendChild(e)}if(t.leadingIcon){let e;t.leadingIconType==="component"?(e=document.createElement("forge-icon"),e.name=t.leadingIcon):(e=document.createElement("i"),e.textContent=t.leadingIcon,e.classList.add(d),e.setAttribute("aria-hidden","true")),e.slot="leading",s.appendChild(e)}if(t.trailingIcon){let e;t.trailingIconType==="component"?(e=document.createElement("forge-icon"),e.name=t.trailingIcon):(e=document.createElement("i"),e.textContent=t.trailingIcon,e.classList.add(d),e.setAttribute("aria-hidden","true")),e.slot="trailing",s.appendChild(e)}return s}_getButtonToggleElements(){return Array.from(this._component.querySelectorAll(a.elementName))}};var p=class{constructor(o){this._adapter=o;this._isInitialized=!1;this._multiple=!1;this._mandatory=!1;this._vertical=!1;this._stretch=!1;this._dense=!1;this._disabled=!1;this._options=[];this._values=[];this._selectListener=t=>this._onSelect(t),this._slotListener=()=>this._synchronize()}initialize(){this._options&&this._options.length&&this._applyOptions(!1),this._adapter.addListener(a.events.SELECT,this._selectListener),this._adapter.addSlotChangeListener(this._slotListener),this._adapter.setVertical(this._vertical),this._adapter.setStretch(this._stretch),this._adapter.setDense(this._dense),this._adapter.setDisabled(this._disabled),this._adapter.applyAdjacentSelections(this._vertical),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._adapter.removeListener(a.events.SELECT,this._selectListener),this._adapter.removeSlotChangeListener(this._slotListener)}_synchronize(){if(this._multiple){let o=new Set(this._adapter.getSelectedValues().concat(this._values));this._applyValue(Array.from(o))}else{let o=this._adapter.getSelectedValues().concat(this._values);this.value=o.length?o[o.length-1]:null}}_onSelect(o){let t=o.target;if(this._mandatory&&!this._adapter.getSelectedValues().length){t.selected=!0;return}this._multiple||this._adapter.deselect(t),this._adapter.applyAdjacentSelections(this._vertical),this._adapter.emitHostEvent(i.events.CHANGE,this._getValue())}_getValue(){var t;let o=this._adapter.getSelectedValues();return this._multiple?Array.from(new Set(o)):(t=o.slice(0,1)[0])!=null?t:null}_applyValue(o){let t=o instanceof Array?o:[o];!this._multiple&&t.length>1&&(t=t[0]),this._values=t,this._adapter.applyValues(t),this._multiple&&this._adapter.applyAdjacentSelections(this._vertical)}_applyOptions(o=!0){this._options&&(this._adapter.createOptions(this._options),o&&(this._adapter.setStretch(this._stretch),this._adapter.setDense(this._dense),this._adapter.setDisabled(this._disabled),this._adapter.applyAdjacentSelections(this._vertical)))}get value(){return this._isInitialized?this._getValue():this._originalValue}set value(o){this._originalValue=o,this._applyValue(o)}get multiple(){return this._multiple}set multiple(o){this._multiple!==o&&(this._multiple=o,this._adapter.setHostAttribute(i.attributes.MULTIPLE,this._multiple))}get mandatory(){return this._mandatory}set mandatory(o){this._mandatory!==o&&(this._mandatory=o,this._mandatory?this._adapter.setHostAttribute(i.attributes.MANDATORY):this._adapter.removeHostAttribute(i.attributes.MANDATORY))}get vertical(){return this._vertical}set vertical(o){this._vertical!==o&&(this._vertical=o,this._adapter.setVertical(this._vertical),this._adapter.applyAdjacentSelections(this._vertical),this._vertical?this._adapter.setHostAttribute(i.attributes.VERTICAL):this._adapter.removeHostAttribute(i.attributes.VERTICAL))}get stretch(){return this._stretch}set stretch(o){this._stretch!==o&&(this._stretch=o,this._adapter.setStretch(this._stretch),this._stretch?this._adapter.setHostAttribute(i.attributes.STRETCH):this._adapter.removeHostAttribute(i.attributes.STRETCH))}get dense(){return this._dense}set dense(o){this._dense!==o&&(this._dense=o,this._adapter.setDense(this._dense),this._dense?this._adapter.setHostAttribute(i.attributes.DENSE):this._adapter.removeHostAttribute(i.attributes.DENSE))}get disabled(){return this._disabled}set disabled(o){this._disabled!==o&&(this._disabled=o,this._adapter.setDisabled(this._disabled),this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED):this._adapter.removeHostAttribute(i.attributes.DISABLED))}get options(){return this._options.map(o=>c({},o))}set options(o){this._options=o.map(t=>c({},t)),this._isInitialized&&this._applyOptions()}};var N='<template><div class="forge-button-toggle-group" role="group" aria-label="Button group" part="root"><slot></slot></div></template>',D=".forge-button-toggle-group{display:-webkit-box;display:flex}.forge-button-toggle-group ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px}.forge-button-toggle-group ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-button-toggle-group--vertical ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:1px;--forge-button-toggle-border-bottom-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group--vertical ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px}.forge-button-toggle-group--vertical ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group ::slotted(:only-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--stretch{width:100%}:host{display:block}:host([hidden]){display:none}",r=class extends T{constructor(){super();_(this,N,D),this._foundation=new p(new u(this))}static get observedAttributes(){return[i.attributes.VALUE,i.attributes.MULTIPLE,i.attributes.MANDATORY,i.attributes.VERTICAL,i.attributes.STRETCH,i.attributes.DISABLED,i.attributes.DENSE]}initializedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,s,e){switch(t){case i.attributes.VALUE:this.value=e;break;case i.attributes.MULTIPLE:this.multiple=g(e);break;case i.attributes.MANDATORY:this.mandatory=g(e);break;case i.attributes.VERTICAL:this.vertical=g(e);break;case i.attributes.STRETCH:this.stretch=g(e);break;case i.attributes.DENSE:this.dense=g(e);break;case i.attributes.DISABLED:this.disabled=g(e);break}}};l([n()],r.prototype,"value",2),l([n()],r.prototype,"multiple",2),l([n()],r.prototype,"mandatory",2),l([n()],r.prototype,"vertical",2),l([n()],r.prototype,"stretch",2),l([n()],r.prototype,"dense",2),l([n()],r.prototype,"disabled",2),l([n()],r.prototype,"options",2),r=l([f({name:i.elementName,dependencies:[A]})],r);function at(){m(r)}export{i as a,u as b,p as c,r as d,at as e};
7
- //# sourceMappingURL=chunk.MXNLCQRB.js.map
6
+ import{a,d as A}from"./chunk.MGWY7YIL.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as E}from"./chunk.5V5ABSHI.js";import{a as f,b as I,d}from"./chunk.DTZFWZPB.js";import{a as m,e as _,f as v,k as T}from"./chunk.NK7H3MMM.js";import{d as h}from"./chunk.CFDK4RCW.js";import{k as g}from"./chunk.J2M2MXP2.js";import{a as c,d as l}from"./chunk.M3QDAYD2.js";var L=`${I}button-toggle-group`,S={VALUE:"value",MULTIPLE:"multiple",MANDATORY:"mandatory",VERTICAL:"vertical",STRETCH:"stretch",DISABLED:"disabled",DENSE:"dense"},y={VERTICAL:"forge-button-toggle-group--vertical",STRETCH:"forge-button-toggle-group--stretch"},B={ROOT:".forge-button-toggle-group"},O={CHANGE:`${L}-change`},i={elementName:L,attributes:S,classes:y,selectors:B,events:O};var u=class extends E{constructor(t){super(t);this._rootElement=v(t,i.selectors.ROOT),this._slotElement=this._rootElement.querySelector("slot")}addListener(t,s){this._rootElement.addEventListener(t,s)}removeListener(t,s){this._rootElement.removeEventListener(t,s)}addSlotChangeListener(t){this._slotElement.addEventListener("slotchange",t)}removeSlotChangeListener(t){this._slotElement.addEventListener("slotchange",t)}deselect(t){this._getButtonToggleElements().filter(e=>e!==t).forEach(e=>e.selected=!1)}applyAdjacentSelections(t){let s=this._getButtonToggleElements();for(let e=s.length-1;e>0;e--)if(s[e].removeAttribute(a.attributes.SELECTED_ADJACENT),s[e].removeAttribute(a.attributes.SELECTED_ADJACENT_VERTICAL),s[e].selected&&s[e-1].selected){let C=t?a.attributes.SELECTED_ADJACENT_VERTICAL:a.attributes.SELECTED_ADJACENT;s[e].setAttribute(C,"")}}setVertical(t){t?this._rootElement.classList.add(i.classes.VERTICAL):this._rootElement.classList.remove(i.classes.VERTICAL)}setStretch(t){t?this._rootElement.classList.add(i.classes.STRETCH):this._rootElement.classList.remove(i.classes.STRETCH),this._getButtonToggleElements().forEach(e=>{t?e.setAttribute("stretch",""):e.removeAttribute("stretch")})}setDense(t){this._getButtonToggleElements().forEach(e=>e.dense=t)}setDisabled(t){this._getButtonToggleElements().forEach(e=>e.disabled=t)}getSelectedValues(){return this._getButtonToggleElements().filter(s=>s.selected).map(s=>s.value)}applyValues(t){this._getButtonToggleElements().forEach(e=>e.selected=t.indexOf(e.value)>=0)}createOptions(t){h(this._component),t.forEach(s=>{this._component.appendChild(this._createButtonToggle(s))})}_createButtonToggle(t){let s=document.createElement(a.elementName);if(s.value=t.value,t.label)s.textContent=t.label;else if(t.icon){let e=document.createElement("i");e.textContent=t.icon,e.classList.add(d),e.setAttribute("aria-hidden","true"),s.appendChild(e)}if(t.leadingIcon){let e;t.leadingIconType==="component"?(e=document.createElement("forge-icon"),e.name=t.leadingIcon):(e=document.createElement("i"),e.textContent=t.leadingIcon,e.classList.add(d),e.setAttribute("aria-hidden","true")),e.slot="leading",s.appendChild(e)}if(t.trailingIcon){let e;t.trailingIconType==="component"?(e=document.createElement("forge-icon"),e.name=t.trailingIcon):(e=document.createElement("i"),e.textContent=t.trailingIcon,e.classList.add(d),e.setAttribute("aria-hidden","true")),e.slot="trailing",s.appendChild(e)}return s}_getButtonToggleElements(){return Array.from(this._component.querySelectorAll(a.elementName))}};var p=class{constructor(o){this._adapter=o;this._isInitialized=!1;this._multiple=!1;this._mandatory=!1;this._vertical=!1;this._stretch=!1;this._dense=!1;this._disabled=!1;this._options=[];this._values=[];this._selectListener=t=>this._onSelect(t),this._slotListener=()=>this._synchronize()}initialize(){this._options&&this._options.length&&this._applyOptions(!1),this._adapter.addListener(a.events.SELECT,this._selectListener),this._adapter.addSlotChangeListener(this._slotListener),this._adapter.setVertical(this._vertical),this._adapter.setStretch(this._stretch),this._adapter.setDense(this._dense),this._adapter.setDisabled(this._disabled),this._adapter.applyAdjacentSelections(this._vertical),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._adapter.removeListener(a.events.SELECT,this._selectListener),this._adapter.removeSlotChangeListener(this._slotListener)}_synchronize(){if(this._multiple){let o=new Set(this._adapter.getSelectedValues().concat(this._values));this._applyValue(Array.from(o))}else{let o=this._adapter.getSelectedValues().concat(this._values);this.value=o.length?o[o.length-1]:null}}_onSelect(o){let t=o.target;if(this._mandatory&&!this._adapter.getSelectedValues().length){t.selected=!0;return}this._multiple||this._adapter.deselect(t),this._adapter.applyAdjacentSelections(this._vertical),this._adapter.emitHostEvent(i.events.CHANGE,this._getValue())}_getValue(){var t;let o=this._adapter.getSelectedValues();return this._multiple?Array.from(new Set(o)):(t=o.slice(0,1)[0])!=null?t:null}_applyValue(o){let t=o instanceof Array?o:[o];!this._multiple&&t.length>1&&(t=t[0]),this._values=t,this._adapter.applyValues(t),this._multiple&&this._adapter.applyAdjacentSelections(this._vertical)}_applyOptions(o=!0){this._options&&(this._adapter.createOptions(this._options),o&&(this._adapter.setStretch(this._stretch),this._adapter.setDense(this._dense),this._adapter.setDisabled(this._disabled),this._adapter.applyAdjacentSelections(this._vertical)))}get value(){return this._isInitialized?this._getValue():this._originalValue}set value(o){this._originalValue=o,this._applyValue(o)}get multiple(){return this._multiple}set multiple(o){this._multiple!==o&&(this._multiple=o,this._adapter.setHostAttribute(i.attributes.MULTIPLE,this._multiple))}get mandatory(){return this._mandatory}set mandatory(o){this._mandatory!==o&&(this._mandatory=o,this._mandatory?this._adapter.setHostAttribute(i.attributes.MANDATORY):this._adapter.removeHostAttribute(i.attributes.MANDATORY))}get vertical(){return this._vertical}set vertical(o){this._vertical!==o&&(this._vertical=o,this._adapter.setVertical(this._vertical),this._adapter.applyAdjacentSelections(this._vertical),this._vertical?this._adapter.setHostAttribute(i.attributes.VERTICAL):this._adapter.removeHostAttribute(i.attributes.VERTICAL))}get stretch(){return this._stretch}set stretch(o){this._stretch!==o&&(this._stretch=o,this._adapter.setStretch(this._stretch),this._stretch?this._adapter.setHostAttribute(i.attributes.STRETCH):this._adapter.removeHostAttribute(i.attributes.STRETCH))}get dense(){return this._dense}set dense(o){this._dense!==o&&(this._dense=o,this._adapter.setDense(this._dense),this._dense?this._adapter.setHostAttribute(i.attributes.DENSE):this._adapter.removeHostAttribute(i.attributes.DENSE))}get disabled(){return this._disabled}set disabled(o){this._disabled!==o&&(this._disabled=o,this._adapter.setDisabled(this._disabled),this._disabled?this._adapter.setHostAttribute(i.attributes.DISABLED):this._adapter.removeHostAttribute(i.attributes.DISABLED))}get options(){return this._options.map(o=>c({},o))}set options(o){this._options=o.map(t=>c({},t)),this._isInitialized&&this._applyOptions()}};var N='<template><div class="forge-button-toggle-group" role="group" aria-label="Button group" part="root"><slot></slot></div></template>',D=".forge-button-toggle-group{display:-webkit-box;display:flex}.forge-button-toggle-group ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px}.forge-button-toggle-group ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-button-toggle-group--vertical ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:1px;--forge-button-toggle-border-bottom-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group--vertical ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px}.forge-button-toggle-group--vertical ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group ::slotted(:only-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--stretch{width:100%}:host{display:block}:host([hidden]){display:none}",r=class extends T{constructor(){super();_(this,N,D),this._foundation=new p(new u(this))}static get observedAttributes(){return[i.attributes.VALUE,i.attributes.MULTIPLE,i.attributes.MANDATORY,i.attributes.VERTICAL,i.attributes.STRETCH,i.attributes.DISABLED,i.attributes.DENSE]}initializedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,s,e){switch(t){case i.attributes.VALUE:this.value=e;break;case i.attributes.MULTIPLE:this.multiple=g(e);break;case i.attributes.MANDATORY:this.mandatory=g(e);break;case i.attributes.VERTICAL:this.vertical=g(e);break;case i.attributes.STRETCH:this.stretch=g(e);break;case i.attributes.DENSE:this.dense=g(e);break;case i.attributes.DISABLED:this.disabled=g(e);break}}};l([n()],r.prototype,"value",2),l([n()],r.prototype,"multiple",2),l([n()],r.prototype,"mandatory",2),l([n()],r.prototype,"vertical",2),l([n()],r.prototype,"stretch",2),l([n()],r.prototype,"dense",2),l([n()],r.prototype,"disabled",2),l([n()],r.prototype,"options",2),r=l([f({name:i.elementName,dependencies:[A]})],r);function at(){m(r)}export{i as a,u as b,p as c,r as d,at as e};
7
+ //# sourceMappingURL=chunk.6VDF54LZ.js.map