@universal-material/web 3.6.20 → 3.6.21

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 (920) hide show
  1. package/LICENSE +28 -0
  2. package/dist/README.md +32 -0
  3. package/dist/esm/app-bar/top-app-bar.d.ts.map +1 -0
  4. package/dist/esm/app-bar/top-app-bar.js.map +1 -0
  5. package/dist/esm/app-bar/top-app-bar.styles.d.ts.map +1 -0
  6. package/dist/esm/app-bar/top-app-bar.styles.js.map +1 -0
  7. package/dist/esm/badge/badge.d.ts.map +1 -0
  8. package/dist/esm/badge/badge.js.map +1 -0
  9. package/dist/esm/badge/badge.styles.d.ts.map +1 -0
  10. package/dist/esm/badge/badge.styles.js.map +1 -0
  11. package/dist/esm/button/button-base.d.ts.map +1 -0
  12. package/dist/esm/button/button-base.js.map +1 -0
  13. package/dist/esm/button/button-base.styles.d.ts.map +1 -0
  14. package/dist/esm/button/button-base.styles.js.map +1 -0
  15. package/dist/esm/button/button-set.d.ts.map +1 -0
  16. package/dist/esm/button/button-set.js.map +1 -0
  17. package/dist/esm/button/button-set.styles.d.ts.map +1 -0
  18. package/dist/esm/button/button-set.styles.js.map +1 -0
  19. package/dist/esm/button/button.d.ts.map +1 -0
  20. package/dist/esm/button/button.js.map +1 -0
  21. package/dist/esm/button/button.styles.d.ts.map +1 -0
  22. package/dist/esm/button/button.styles.js.map +1 -0
  23. package/dist/esm/button/fab-menu-color-context.d.ts.map +1 -0
  24. package/dist/esm/button/fab-menu-color-context.js.map +1 -0
  25. package/dist/esm/button/fab-menu-item.d.ts.map +1 -0
  26. package/dist/esm/button/fab-menu-item.js.map +1 -0
  27. package/dist/esm/button/fab-menu-item.styles.d.ts.map +1 -0
  28. package/dist/esm/button/fab-menu-item.styles.js.map +1 -0
  29. package/dist/esm/button/fab-menu-open-context.d.ts.map +1 -0
  30. package/dist/esm/button/fab-menu-open-context.js.map +1 -0
  31. package/dist/esm/button/fab-menu.d.ts.map +1 -0
  32. package/dist/esm/button/fab-menu.js.map +1 -0
  33. package/dist/esm/button/fab-menu.styles.d.ts.map +1 -0
  34. package/dist/esm/button/fab-menu.styles.js.map +1 -0
  35. package/dist/esm/button/fab.d.ts.map +1 -0
  36. package/dist/esm/button/fab.js.map +1 -0
  37. package/dist/esm/button/fab.styles.d.ts.map +1 -0
  38. package/dist/esm/button/fab.styles.js.map +1 -0
  39. package/dist/esm/button/icon-button.d.ts.map +1 -0
  40. package/dist/esm/button/icon-button.js.map +1 -0
  41. package/dist/esm/button/icon-button.styles.d.ts.map +1 -0
  42. package/dist/esm/button/icon-button.styles.js.map +1 -0
  43. package/dist/esm/button/toggle-button.d.ts.map +1 -0
  44. package/dist/esm/button/toggle-button.js.map +1 -0
  45. package/dist/esm/button/toggle-button.styles.d.ts.map +1 -0
  46. package/dist/esm/button/toggle-button.styles.js.map +1 -0
  47. package/dist/esm/button-field/button-field.d.ts.map +1 -0
  48. package/dist/esm/button-field/button-field.js.map +1 -0
  49. package/dist/esm/button-field/button-field.styles.d.ts.map +1 -0
  50. package/dist/esm/button-field/button-field.styles.js.map +1 -0
  51. package/dist/esm/calendar/calendar-adapter.d.ts.map +1 -0
  52. package/dist/esm/calendar/calendar-adapter.js.map +1 -0
  53. package/dist/esm/calendar/calendar-base.d.ts.map +1 -0
  54. package/dist/esm/calendar/calendar-base.js.map +1 -0
  55. package/dist/esm/calendar/calendar-base.styles.d.ts.map +1 -0
  56. package/dist/esm/calendar/calendar-base.styles.js.map +1 -0
  57. package/dist/esm/calendar/calendar.d.ts.map +1 -0
  58. package/dist/esm/calendar/calendar.js.map +1 -0
  59. package/dist/esm/calendar/calendar.styles.d.ts.map +1 -0
  60. package/dist/esm/calendar/calendar.styles.js.map +1 -0
  61. package/dist/esm/calendar/default-calendar-adapter.d.ts.map +1 -0
  62. package/dist/esm/calendar/default-calendar-adapter.js.map +1 -0
  63. package/dist/esm/calendar/range-calendar.d.ts.map +1 -0
  64. package/dist/esm/calendar/range-calendar.js.map +1 -0
  65. package/dist/esm/calendar/range-calendar.styles.d.ts.map +1 -0
  66. package/dist/esm/calendar/range-calendar.styles.js.map +1 -0
  67. package/dist/esm/card/card-content.d.ts.map +1 -0
  68. package/dist/esm/card/card-content.js.map +1 -0
  69. package/dist/esm/card/card-content.styles.d.ts.map +1 -0
  70. package/dist/esm/card/card-content.styles.js.map +1 -0
  71. package/dist/esm/card/card-media.d.ts.map +1 -0
  72. package/dist/esm/card/card-media.js.map +1 -0
  73. package/dist/esm/card/card-media.styles.d.ts.map +1 -0
  74. package/dist/esm/card/card-media.styles.js.map +1 -0
  75. package/dist/esm/card/card.d.ts.map +1 -0
  76. package/dist/esm/card/card.js.map +1 -0
  77. package/dist/esm/card/card.styles.d.ts.map +1 -0
  78. package/dist/esm/card/card.styles.js.map +1 -0
  79. package/dist/esm/checkbox/checkbox-list-item.d.ts.map +1 -0
  80. package/dist/esm/checkbox/checkbox-list-item.js.map +1 -0
  81. package/dist/esm/checkbox/checkbox.d.ts.map +1 -0
  82. package/dist/esm/checkbox/checkbox.js.map +1 -0
  83. package/dist/esm/checkbox/checkbox.styles.d.ts.map +1 -0
  84. package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
  85. package/dist/esm/chip/chip-set.d.ts.map +1 -0
  86. package/dist/esm/chip/chip-set.js.map +1 -0
  87. package/dist/esm/chip/chip-set.styles.d.ts.map +1 -0
  88. package/dist/esm/chip/chip-set.styles.js.map +1 -0
  89. package/dist/esm/chip/chip.d.ts.map +1 -0
  90. package/dist/esm/chip/chip.js.map +1 -0
  91. package/dist/esm/chip/chip.styles.d.ts.map +1 -0
  92. package/dist/esm/chip/chip.styles.js.map +1 -0
  93. package/dist/esm/chip-field/chip-field.d.ts.map +1 -0
  94. package/dist/esm/chip-field/chip-field.js.map +1 -0
  95. package/dist/esm/chip-field/chip-field.styles.d.ts.map +1 -0
  96. package/dist/esm/chip-field/chip-field.styles.js.map +1 -0
  97. package/dist/esm/config.d.ts.map +1 -0
  98. package/dist/esm/config.js.map +1 -0
  99. package/dist/esm/datepicker/datepicker.d.ts.map +1 -0
  100. package/dist/esm/datepicker/datepicker.js.map +1 -0
  101. package/dist/esm/datepicker/datepicker.styles.d.ts.map +1 -0
  102. package/dist/esm/datepicker/datepicker.styles.js.map +1 -0
  103. package/dist/esm/dialog/confirm-dialog-builder.d.ts.map +1 -0
  104. package/dist/esm/dialog/confirm-dialog-builder.js.map +1 -0
  105. package/dist/esm/dialog/dialog-builder.d.ts.map +1 -0
  106. package/dist/esm/dialog/dialog-builder.js.map +1 -0
  107. package/dist/esm/dialog/dialog-button-def.d.ts.map +1 -0
  108. package/dist/esm/dialog/dialog-button-def.js.map +1 -0
  109. package/dist/esm/dialog/dialog.d.ts.map +1 -0
  110. package/dist/esm/dialog/dialog.js.map +1 -0
  111. package/dist/esm/dialog/dialog.styles.d.ts.map +1 -0
  112. package/dist/esm/dialog/dialog.styles.js.map +1 -0
  113. package/dist/esm/dialog/message-dialog-builder.d.ts.map +1 -0
  114. package/dist/esm/dialog/message-dialog-builder.js.map +1 -0
  115. package/dist/esm/elevation/elevation.d.ts.map +1 -0
  116. package/dist/esm/elevation/elevation.js.map +1 -0
  117. package/dist/esm/elevation/elevation.styles.d.ts.map +1 -0
  118. package/dist/esm/elevation/elevation.styles.js.map +1 -0
  119. package/dist/esm/field/field-base.d.ts.map +1 -0
  120. package/dist/esm/field/field-base.js.map +1 -0
  121. package/dist/esm/field/field-base.styles.d.ts.map +1 -0
  122. package/dist/esm/field/field-base.styles.js.map +1 -0
  123. package/dist/esm/field/field-defaults-context.d.ts.map +1 -0
  124. package/dist/esm/field/field-defaults-context.js.map +1 -0
  125. package/dist/esm/field/field-defaults.d.ts.map +1 -0
  126. package/dist/esm/field/field-defaults.js.map +1 -0
  127. package/dist/esm/field/field-variant.d.ts.map +1 -0
  128. package/dist/esm/field/field-variant.js.map +1 -0
  129. package/dist/esm/field/field.d.ts.map +1 -0
  130. package/dist/esm/field/field.js.map +1 -0
  131. package/dist/esm/icon/icon.d.ts.map +1 -0
  132. package/dist/esm/icon/icon.js.map +1 -0
  133. package/dist/esm/icon/icon.styles.d.ts.map +1 -0
  134. package/dist/esm/icon/icon.styles.js.map +1 -0
  135. package/dist/esm/index.d.ts.map +1 -0
  136. package/dist/esm/index.js.map +1 -0
  137. package/dist/esm/list/list-item.d.ts.map +1 -0
  138. package/dist/esm/list/list-item.js.map +1 -0
  139. package/dist/esm/list/list-item.styles.d.ts.map +1 -0
  140. package/dist/esm/list/list-item.styles.js.map +1 -0
  141. package/dist/esm/list/list.d.ts.map +1 -0
  142. package/dist/esm/list/list.js.map +1 -0
  143. package/dist/esm/list/list.styles.d.ts.map +1 -0
  144. package/dist/esm/list/list.styles.js.map +1 -0
  145. package/dist/esm/menu/menu-item.d.ts.map +1 -0
  146. package/dist/esm/menu/menu-item.js.map +1 -0
  147. package/dist/esm/menu/menu-item.styles.d.ts.map +1 -0
  148. package/dist/esm/menu/menu-item.styles.js.map +1 -0
  149. package/dist/esm/menu/menu.d.ts.map +1 -0
  150. package/dist/esm/menu/menu.js.map +1 -0
  151. package/dist/esm/menu/menu.styles.d.ts.map +1 -0
  152. package/dist/esm/menu/menu.styles.js.map +1 -0
  153. package/dist/esm/navigation/drawer-headline.d.ts.map +1 -0
  154. package/dist/esm/navigation/drawer-headline.js.map +1 -0
  155. package/dist/esm/navigation/drawer-headline.styles.d.ts.map +1 -0
  156. package/dist/esm/navigation/drawer-headline.styles.js.map +1 -0
  157. package/dist/esm/navigation/drawer-item.d.ts.map +1 -0
  158. package/dist/esm/navigation/drawer-item.js.map +1 -0
  159. package/dist/esm/navigation/drawer-item.styles.d.ts.map +1 -0
  160. package/dist/esm/navigation/drawer-item.styles.js.map +1 -0
  161. package/dist/esm/navigation/drawer.d.ts.map +1 -0
  162. package/dist/esm/navigation/drawer.js.map +1 -0
  163. package/dist/esm/navigation/drawer.styles.d.ts.map +1 -0
  164. package/dist/esm/navigation/drawer.styles.js.map +1 -0
  165. package/dist/esm/navigation/side-navigation-swiper.styles.d.ts.map +1 -0
  166. package/dist/esm/navigation/side-navigation-swiper.styles.js.map +1 -0
  167. package/dist/esm/navigation/side-navigation.d.ts.map +1 -0
  168. package/dist/esm/navigation/side-navigation.js.map +1 -0
  169. package/dist/esm/navigation/side-navigation.styles.d.ts.map +1 -0
  170. package/dist/esm/navigation/side-navigation.styles.js.map +1 -0
  171. package/dist/esm/overflow-menu/overflow-menu-item.d.ts.map +1 -0
  172. package/dist/esm/overflow-menu/overflow-menu-item.js.map +1 -0
  173. package/dist/esm/overflow-menu/overflow-menu.d.ts.map +1 -0
  174. package/dist/esm/overflow-menu/overflow-menu.js.map +1 -0
  175. package/dist/esm/overflow-menu/overflow-menu.styles.d.ts.map +1 -0
  176. package/dist/esm/overflow-menu/overflow-menu.styles.js.map +1 -0
  177. package/dist/esm/progress/circular-progress.d.ts.map +1 -0
  178. package/dist/esm/progress/circular-progress.js.map +1 -0
  179. package/dist/esm/progress/circular-progress.styles.d.ts.map +1 -0
  180. package/dist/esm/progress/circular-progress.styles.js.map +1 -0
  181. package/dist/esm/progress/progress-bar.d.ts.map +1 -0
  182. package/dist/esm/progress/progress-bar.js.map +1 -0
  183. package/dist/esm/progress/progress-bar.styles.d.ts.map +1 -0
  184. package/dist/esm/progress/progress-bar.styles.js.map +1 -0
  185. package/dist/esm/radio/radio-list-item.d.ts.map +1 -0
  186. package/dist/esm/radio/radio-list-item.js.map +1 -0
  187. package/dist/esm/radio/radio.d.ts.map +1 -0
  188. package/dist/esm/radio/radio.js.map +1 -0
  189. package/dist/esm/radio/radio.styles.d.ts.map +1 -0
  190. package/dist/esm/radio/radio.styles.js.map +1 -0
  191. package/dist/esm/ripple/ripple.d.ts.map +1 -0
  192. package/dist/esm/ripple/ripple.js.map +1 -0
  193. package/dist/esm/ripple/ripple.styles.d.ts.map +1 -0
  194. package/dist/esm/ripple/ripple.styles.js.map +1 -0
  195. package/dist/esm/search/search.d.ts.map +1 -0
  196. package/dist/esm/search/search.js.map +1 -0
  197. package/dist/esm/search/search.styles.d.ts.map +1 -0
  198. package/dist/esm/search/search.styles.js.map +1 -0
  199. package/dist/esm/select/option.d.ts.map +1 -0
  200. package/dist/esm/select/option.js.map +1 -0
  201. package/dist/esm/select/option.styles.d.ts.map +1 -0
  202. package/dist/esm/select/option.styles.js.map +1 -0
  203. package/dist/esm/select/select-navigation-controller.d.ts.map +1 -0
  204. package/dist/esm/select/select-navigation-controller.js.map +1 -0
  205. package/dist/esm/select/select.d.ts.map +1 -0
  206. package/dist/esm/select/select.js.map +1 -0
  207. package/dist/esm/select/select.styles.d.ts.map +1 -0
  208. package/dist/esm/select/select.styles.js.map +1 -0
  209. package/dist/esm/shared/base.styles.d.ts.map +1 -0
  210. package/dist/esm/shared/base.styles.js.map +1 -0
  211. package/dist/esm/shared/button-wrapper.d.ts.map +1 -0
  212. package/dist/esm/shared/button-wrapper.js.map +1 -0
  213. package/dist/esm/shared/button-wrapper.styles.d.ts.map +1 -0
  214. package/dist/esm/shared/button-wrapper.styles.js.map +1 -0
  215. package/dist/esm/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -0
  216. package/dist/esm/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -0
  217. package/dist/esm/shared/compare-text.d.ts.map +1 -0
  218. package/dist/esm/shared/compare-text.js.map +1 -0
  219. package/dist/esm/shared/events/dispatch-event.d.ts.map +1 -0
  220. package/dist/esm/shared/events/dispatch-event.js.map +1 -0
  221. package/dist/esm/shared/events/redispatch-event.d.ts.map +1 -0
  222. package/dist/esm/shared/events/redispatch-event.js.map +1 -0
  223. package/dist/esm/shared/extract-template-html.d.ts.map +1 -0
  224. package/dist/esm/shared/extract-template-html.js.map +1 -0
  225. package/dist/esm/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -0
  226. package/dist/esm/shared/menu-field/menu-field-navigation-controller.js.map +1 -0
  227. package/dist/esm/shared/menu-field/menu-field.d.ts.map +1 -0
  228. package/dist/esm/shared/menu-field/menu-field.js.map +1 -0
  229. package/dist/esm/shared/mixin-attribute-properties.d.ts.map +1 -0
  230. package/dist/esm/shared/mixin-attribute-properties.js.map +1 -0
  231. package/dist/esm/shared/mixin.d.ts.map +1 -0
  232. package/dist/esm/shared/mixin.js.map +1 -0
  233. package/dist/esm/shared/normalize-text.d.ts.map +1 -0
  234. package/dist/esm/shared/normalize-text.js.map +1 -0
  235. package/dist/esm/shared/selection-control/selection-control-list-item.d.ts.map +1 -0
  236. package/dist/esm/shared/selection-control/selection-control-list-item.js.map +1 -0
  237. package/dist/esm/shared/selection-control/selection-control.d.ts.map +1 -0
  238. package/dist/esm/shared/selection-control/selection-control.js.map +1 -0
  239. package/dist/esm/shared/selection-control/selection-control.styles.d.ts.map +1 -0
  240. package/dist/esm/shared/selection-control/selection-control.styles.js.map +1 -0
  241. package/dist/esm/shared/sets/set-base.d.ts.map +1 -0
  242. package/dist/esm/shared/sets/set-base.js.map +1 -0
  243. package/dist/esm/shared/sets/set-base.styles.d.ts.map +1 -0
  244. package/dist/esm/shared/sets/set-base.styles.js.map +1 -0
  245. package/dist/esm/shared/text-field-base/text-field-base.d.ts.map +1 -0
  246. package/dist/esm/shared/text-field-base/text-field-base.js.map +1 -0
  247. package/dist/esm/shared/text-field-base/text-field-base.styles.d.ts.map +1 -0
  248. package/dist/esm/shared/text-field-base/text-field-base.styles.js.map +1 -0
  249. package/dist/esm/snackbar/snackbar.d.ts.map +1 -0
  250. package/dist/esm/snackbar/snackbar.js.map +1 -0
  251. package/dist/esm/snackbar/snackbar.styles.d.ts.map +1 -0
  252. package/dist/esm/snackbar/snackbar.styles.js.map +1 -0
  253. package/dist/esm/switch/switch-list-item.d.ts.map +1 -0
  254. package/dist/esm/switch/switch-list-item.js.map +1 -0
  255. package/dist/esm/switch/switch.d.ts.map +1 -0
  256. package/dist/esm/switch/switch.js.map +1 -0
  257. package/dist/esm/switch/switch.styles.d.ts.map +1 -0
  258. package/dist/esm/switch/switch.styles.js.map +1 -0
  259. package/dist/esm/tab-bar/tab-bar.d.ts.map +1 -0
  260. package/dist/esm/tab-bar/tab-bar.js.map +1 -0
  261. package/dist/esm/tab-bar/tab-bar.styles.d.ts.map +1 -0
  262. package/dist/esm/tab-bar/tab-bar.styles.js.map +1 -0
  263. package/dist/esm/tab-bar/tab.d.ts.map +1 -0
  264. package/dist/esm/tab-bar/tab.js.map +1 -0
  265. package/dist/esm/tab-bar/tab.styles.d.ts.map +1 -0
  266. package/dist/esm/tab-bar/tab.styles.js.map +1 -0
  267. package/dist/esm/text-area/text-area.d.ts.map +1 -0
  268. package/dist/esm/text-area/text-area.js.map +1 -0
  269. package/dist/esm/text-area/text-area.styles.d.ts.map +1 -0
  270. package/dist/esm/text-area/text-area.styles.js.map +1 -0
  271. package/dist/esm/text-field/text-field.d.ts.map +1 -0
  272. package/dist/esm/text-field/text-field.js.map +1 -0
  273. package/dist/esm/text-field/text-field.styles.d.ts.map +1 -0
  274. package/dist/esm/text-field/text-field.styles.js.map +1 -0
  275. package/dist/esm/theme/color.d.ts.map +1 -0
  276. package/dist/esm/theme/color.js.map +1 -0
  277. package/dist/esm/theme/css-var-builder.d.ts.map +1 -0
  278. package/dist/esm/theme/css-var-builder.js.map +1 -0
  279. package/dist/esm/theme/index.d.ts.map +1 -0
  280. package/dist/esm/theme/index.js.map +1 -0
  281. package/dist/esm/theme/neutral-colors.d.ts.map +1 -0
  282. package/dist/esm/theme/neutral-colors.js.map +1 -0
  283. package/dist/esm/theme/theme-builder.d.ts.map +1 -0
  284. package/dist/esm/theme/theme-builder.js.map +1 -0
  285. package/dist/esm/theme/theme-color.d.ts.map +1 -0
  286. package/dist/esm/theme/theme-color.js.map +1 -0
  287. package/dist/esm/typeahead/highlight.d.ts.map +1 -0
  288. package/dist/esm/typeahead/highlight.js.map +1 -0
  289. package/dist/esm/typeahead/highlight.styles.d.ts.map +1 -0
  290. package/dist/esm/typeahead/highlight.styles.js.map +1 -0
  291. package/dist/esm/typeahead/typeahead-template-render.d.ts.map +1 -0
  292. package/dist/esm/typeahead/typeahead-template-render.js.map +1 -0
  293. package/dist/esm/typeahead/typeahead.d.ts.map +1 -0
  294. package/dist/esm/typeahead/typeahead.js.map +1 -0
  295. package/dist/esm/typeahead/typeahead.styles.d.ts.map +1 -0
  296. package/dist/esm/typeahead/typeahead.styles.js.map +1 -0
  297. package/dist/index.js +4546 -0
  298. package/dist/package.json +127 -0
  299. package/package.json +17 -5
  300. package/app-bar/top-app-bar.d.ts.map +0 -1
  301. package/app-bar/top-app-bar.js.map +0 -1
  302. package/app-bar/top-app-bar.styles.d.ts.map +0 -1
  303. package/app-bar/top-app-bar.styles.js.map +0 -1
  304. package/badge/badge.d.ts.map +0 -1
  305. package/badge/badge.js.map +0 -1
  306. package/badge/badge.styles.d.ts.map +0 -1
  307. package/badge/badge.styles.js.map +0 -1
  308. package/button/button-base.d.ts.map +0 -1
  309. package/button/button-base.js.map +0 -1
  310. package/button/button-base.styles.d.ts.map +0 -1
  311. package/button/button-base.styles.js.map +0 -1
  312. package/button/button-set.d.ts.map +0 -1
  313. package/button/button-set.js.map +0 -1
  314. package/button/button-set.styles.d.ts.map +0 -1
  315. package/button/button-set.styles.js.map +0 -1
  316. package/button/button.d.ts.map +0 -1
  317. package/button/button.js.map +0 -1
  318. package/button/button.styles.d.ts.map +0 -1
  319. package/button/button.styles.js.map +0 -1
  320. package/button/fab-menu-color-context.d.ts.map +0 -1
  321. package/button/fab-menu-color-context.js.map +0 -1
  322. package/button/fab-menu-item.d.ts.map +0 -1
  323. package/button/fab-menu-item.js.map +0 -1
  324. package/button/fab-menu-item.styles.d.ts.map +0 -1
  325. package/button/fab-menu-item.styles.js.map +0 -1
  326. package/button/fab-menu-open-context.d.ts.map +0 -1
  327. package/button/fab-menu-open-context.js.map +0 -1
  328. package/button/fab-menu.d.ts.map +0 -1
  329. package/button/fab-menu.js.map +0 -1
  330. package/button/fab-menu.styles.d.ts.map +0 -1
  331. package/button/fab-menu.styles.js.map +0 -1
  332. package/button/fab.d.ts.map +0 -1
  333. package/button/fab.js.map +0 -1
  334. package/button/fab.styles.d.ts.map +0 -1
  335. package/button/fab.styles.js.map +0 -1
  336. package/button/icon-button.d.ts.map +0 -1
  337. package/button/icon-button.js.map +0 -1
  338. package/button/icon-button.styles.d.ts.map +0 -1
  339. package/button/icon-button.styles.js.map +0 -1
  340. package/button/toggle-button.d.ts.map +0 -1
  341. package/button/toggle-button.js.map +0 -1
  342. package/button/toggle-button.styles.d.ts.map +0 -1
  343. package/button/toggle-button.styles.js.map +0 -1
  344. package/button-field/button-field.d.ts.map +0 -1
  345. package/button-field/button-field.js.map +0 -1
  346. package/button-field/button-field.styles.d.ts.map +0 -1
  347. package/button-field/button-field.styles.js.map +0 -1
  348. package/calendar/calendar-adapter.d.ts.map +0 -1
  349. package/calendar/calendar-adapter.js.map +0 -1
  350. package/calendar/calendar-base.d.ts.map +0 -1
  351. package/calendar/calendar-base.js.map +0 -1
  352. package/calendar/calendar-base.styles.d.ts.map +0 -1
  353. package/calendar/calendar-base.styles.js.map +0 -1
  354. package/calendar/calendar.d.ts.map +0 -1
  355. package/calendar/calendar.js.map +0 -1
  356. package/calendar/calendar.styles.d.ts.map +0 -1
  357. package/calendar/calendar.styles.js.map +0 -1
  358. package/calendar/default-calendar-adapter.d.ts.map +0 -1
  359. package/calendar/default-calendar-adapter.js.map +0 -1
  360. package/calendar/range-calendar.d.ts.map +0 -1
  361. package/calendar/range-calendar.js.map +0 -1
  362. package/calendar/range-calendar.styles.d.ts.map +0 -1
  363. package/calendar/range-calendar.styles.js.map +0 -1
  364. package/card/card-content.d.ts.map +0 -1
  365. package/card/card-content.js.map +0 -1
  366. package/card/card-content.styles.d.ts.map +0 -1
  367. package/card/card-content.styles.js.map +0 -1
  368. package/card/card-media.d.ts.map +0 -1
  369. package/card/card-media.js.map +0 -1
  370. package/card/card-media.styles.d.ts.map +0 -1
  371. package/card/card-media.styles.js.map +0 -1
  372. package/card/card.d.ts.map +0 -1
  373. package/card/card.js.map +0 -1
  374. package/card/card.styles.d.ts.map +0 -1
  375. package/card/card.styles.js.map +0 -1
  376. package/checkbox/checkbox-list-item.d.ts.map +0 -1
  377. package/checkbox/checkbox-list-item.js.map +0 -1
  378. package/checkbox/checkbox.d.ts.map +0 -1
  379. package/checkbox/checkbox.js.map +0 -1
  380. package/checkbox/checkbox.styles.d.ts.map +0 -1
  381. package/checkbox/checkbox.styles.js.map +0 -1
  382. package/chip/chip-set.d.ts.map +0 -1
  383. package/chip/chip-set.js.map +0 -1
  384. package/chip/chip-set.styles.d.ts.map +0 -1
  385. package/chip/chip-set.styles.js.map +0 -1
  386. package/chip/chip.d.ts.map +0 -1
  387. package/chip/chip.js.map +0 -1
  388. package/chip/chip.styles.d.ts.map +0 -1
  389. package/chip/chip.styles.js.map +0 -1
  390. package/chip-field/chip-field.d.ts.map +0 -1
  391. package/chip-field/chip-field.js.map +0 -1
  392. package/chip-field/chip-field.styles.d.ts.map +0 -1
  393. package/chip-field/chip-field.styles.js.map +0 -1
  394. package/config.d.ts.map +0 -1
  395. package/css/universal-material.css +0 -4109
  396. package/css/universal-material.min.css +0 -4109
  397. package/custom-elements.json +0 -25060
  398. package/datepicker/datepicker.d.ts.map +0 -1
  399. package/datepicker/datepicker.js.map +0 -1
  400. package/datepicker/datepicker.styles.d.ts.map +0 -1
  401. package/datepicker/datepicker.styles.js.map +0 -1
  402. package/dialog/confirm-dialog-builder.d.ts.map +0 -1
  403. package/dialog/confirm-dialog-builder.js.map +0 -1
  404. package/dialog/dialog-builder.d.ts.map +0 -1
  405. package/dialog/dialog-builder.js.map +0 -1
  406. package/dialog/dialog-button-def.d.ts.map +0 -1
  407. package/dialog/dialog-button-def.js.map +0 -1
  408. package/dialog/dialog.d.ts.map +0 -1
  409. package/dialog/dialog.js.map +0 -1
  410. package/dialog/dialog.styles.d.ts.map +0 -1
  411. package/dialog/dialog.styles.js.map +0 -1
  412. package/dialog/message-dialog-builder.d.ts.map +0 -1
  413. package/dialog/message-dialog-builder.js.map +0 -1
  414. package/elevation/elevation.d.ts.map +0 -1
  415. package/elevation/elevation.js.map +0 -1
  416. package/elevation/elevation.styles.d.ts.map +0 -1
  417. package/elevation/elevation.styles.js.map +0 -1
  418. package/field/field-base.d.ts.map +0 -1
  419. package/field/field-base.js.map +0 -1
  420. package/field/field-base.styles.d.ts.map +0 -1
  421. package/field/field-base.styles.js.map +0 -1
  422. package/field/field-defaults-context.d.ts.map +0 -1
  423. package/field/field-defaults-context.js.map +0 -1
  424. package/field/field-defaults.d.ts.map +0 -1
  425. package/field/field-defaults.js.map +0 -1
  426. package/field/field-variant.d.ts.map +0 -1
  427. package/field/field-variant.js.map +0 -1
  428. package/field/field.d.ts.map +0 -1
  429. package/field/field.js.map +0 -1
  430. package/icon/icon.d.ts.map +0 -1
  431. package/icon/icon.js.map +0 -1
  432. package/icon/icon.styles.d.ts.map +0 -1
  433. package/icon/icon.styles.js.map +0 -1
  434. package/index.d.ts.map +0 -1
  435. package/list/list-item.d.ts.map +0 -1
  436. package/list/list-item.js.map +0 -1
  437. package/list/list-item.styles.d.ts.map +0 -1
  438. package/list/list-item.styles.js.map +0 -1
  439. package/list/list.d.ts.map +0 -1
  440. package/list/list.js.map +0 -1
  441. package/list/list.styles.d.ts.map +0 -1
  442. package/list/list.styles.js.map +0 -1
  443. package/menu/menu-item.d.ts.map +0 -1
  444. package/menu/menu-item.js.map +0 -1
  445. package/menu/menu-item.styles.d.ts.map +0 -1
  446. package/menu/menu-item.styles.js.map +0 -1
  447. package/menu/menu.d.ts.map +0 -1
  448. package/menu/menu.js.map +0 -1
  449. package/menu/menu.styles.d.ts.map +0 -1
  450. package/menu/menu.styles.js.map +0 -1
  451. package/navigation/drawer-headline.d.ts.map +0 -1
  452. package/navigation/drawer-headline.js.map +0 -1
  453. package/navigation/drawer-headline.styles.d.ts.map +0 -1
  454. package/navigation/drawer-headline.styles.js.map +0 -1
  455. package/navigation/drawer-item.d.ts.map +0 -1
  456. package/navigation/drawer-item.js.map +0 -1
  457. package/navigation/drawer-item.styles.d.ts.map +0 -1
  458. package/navigation/drawer-item.styles.js.map +0 -1
  459. package/navigation/drawer.d.ts.map +0 -1
  460. package/navigation/drawer.js.map +0 -1
  461. package/navigation/drawer.styles.d.ts.map +0 -1
  462. package/navigation/drawer.styles.js.map +0 -1
  463. package/navigation/side-navigation-swiper.styles.d.ts.map +0 -1
  464. package/navigation/side-navigation-swiper.styles.js.map +0 -1
  465. package/navigation/side-navigation.d.ts.map +0 -1
  466. package/navigation/side-navigation.js.map +0 -1
  467. package/navigation/side-navigation.styles.d.ts.map +0 -1
  468. package/navigation/side-navigation.styles.js.map +0 -1
  469. package/overflow-menu/overflow-menu-item.d.ts.map +0 -1
  470. package/overflow-menu/overflow-menu-item.js.map +0 -1
  471. package/overflow-menu/overflow-menu.d.ts.map +0 -1
  472. package/overflow-menu/overflow-menu.js.map +0 -1
  473. package/overflow-menu/overflow-menu.styles.d.ts.map +0 -1
  474. package/overflow-menu/overflow-menu.styles.js.map +0 -1
  475. package/progress/circular-progress.d.ts.map +0 -1
  476. package/progress/circular-progress.js.map +0 -1
  477. package/progress/circular-progress.styles.d.ts.map +0 -1
  478. package/progress/circular-progress.styles.js.map +0 -1
  479. package/progress/progress-bar.d.ts.map +0 -1
  480. package/progress/progress-bar.js.map +0 -1
  481. package/progress/progress-bar.styles.d.ts.map +0 -1
  482. package/progress/progress-bar.styles.js.map +0 -1
  483. package/radio/radio-list-item.d.ts.map +0 -1
  484. package/radio/radio-list-item.js.map +0 -1
  485. package/radio/radio.d.ts.map +0 -1
  486. package/radio/radio.js.map +0 -1
  487. package/radio/radio.styles.d.ts.map +0 -1
  488. package/radio/radio.styles.js.map +0 -1
  489. package/ripple/ripple.d.ts.map +0 -1
  490. package/ripple/ripple.js.map +0 -1
  491. package/ripple/ripple.styles.d.ts.map +0 -1
  492. package/ripple/ripple.styles.js.map +0 -1
  493. package/scss/_api.scss +0 -2
  494. package/scss/_colors.scss +0 -2
  495. package/scss/_css-vars.scss +0 -53
  496. package/scss/_functions.scss +0 -29
  497. package/scss/_global.scss +0 -27
  498. package/scss/_layout.scss +0 -5
  499. package/scss/_mixins.scss +0 -3
  500. package/scss/_reboot.scss +0 -498
  501. package/scss/_utilities.scss +0 -4
  502. package/scss/_variables.scss +0 -139
  503. package/scss/colors/_text-bg.scss +0 -38
  504. package/scss/colors/_text.scss +0 -52
  505. package/scss/functions/_font.scss +0 -29
  506. package/scss/layout/_container.scss +0 -14
  507. package/scss/layout/_grid.scss +0 -12
  508. package/scss/layout/_margin-and-gutters.scss +0 -37
  509. package/scss/mixins/_breakpoints.scss +0 -71
  510. package/scss/mixins/_colors.scss +0 -5
  511. package/scss/mixins/_text-bg.scss +0 -34
  512. package/scss/mixins/_typo.scss +0 -43
  513. package/scss/table/_table.scss +0 -48
  514. package/scss/typo/_font.scss +0 -5
  515. package/scss/typo/_typo.scss +0 -19
  516. package/scss/typo/_variables.scss +0 -19
  517. package/scss/universal-material.scss +0 -16
  518. package/scss/utilities/_divider.scss +0 -13
  519. package/scss/utilities/_scheme.scss +0 -9
  520. package/scss/utilities/_spacing.scss +0 -23
  521. package/scss/utilities/_text.scss +0 -54
  522. package/search/search.d.ts.map +0 -1
  523. package/search/search.js.map +0 -1
  524. package/search/search.styles.d.ts.map +0 -1
  525. package/search/search.styles.js.map +0 -1
  526. package/select/option.d.ts.map +0 -1
  527. package/select/option.js.map +0 -1
  528. package/select/option.styles.d.ts.map +0 -1
  529. package/select/option.styles.js.map +0 -1
  530. package/select/select-navigation-controller.d.ts.map +0 -1
  531. package/select/select-navigation-controller.js.map +0 -1
  532. package/select/select.d.ts.map +0 -1
  533. package/select/select.js.map +0 -1
  534. package/select/select.styles.d.ts.map +0 -1
  535. package/select/select.styles.js.map +0 -1
  536. package/shared/base.styles.d.ts.map +0 -1
  537. package/shared/base.styles.js.map +0 -1
  538. package/shared/button-wrapper.d.ts.map +0 -1
  539. package/shared/button-wrapper.js.map +0 -1
  540. package/shared/button-wrapper.styles.d.ts.map +0 -1
  541. package/shared/button-wrapper.styles.js.map +0 -1
  542. package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +0 -1
  543. package/shared/char-count-text-field/native-text-field-wrapper.js.map +0 -1
  544. package/shared/compare-text.d.ts.map +0 -1
  545. package/shared/compare-text.js.map +0 -1
  546. package/shared/events/dispatch-event.d.ts.map +0 -1
  547. package/shared/events/dispatch-event.js.map +0 -1
  548. package/shared/events/redispatch-event.d.ts.map +0 -1
  549. package/shared/events/redispatch-event.js.map +0 -1
  550. package/shared/extract-template-html.d.ts.map +0 -1
  551. package/shared/extract-template-html.js.map +0 -1
  552. package/shared/menu-field/menu-field-navigation-controller.d.ts.map +0 -1
  553. package/shared/menu-field/menu-field-navigation-controller.js.map +0 -1
  554. package/shared/menu-field/menu-field.d.ts.map +0 -1
  555. package/shared/menu-field/menu-field.js.map +0 -1
  556. package/shared/mixin-attribute-properties.d.ts.map +0 -1
  557. package/shared/mixin-attribute-properties.js.map +0 -1
  558. package/shared/mixin.d.ts.map +0 -1
  559. package/shared/mixin.js.map +0 -1
  560. package/shared/normalize-text.d.ts.map +0 -1
  561. package/shared/normalize-text.js.map +0 -1
  562. package/shared/selection-control/selection-control-list-item.d.ts.map +0 -1
  563. package/shared/selection-control/selection-control-list-item.js.map +0 -1
  564. package/shared/selection-control/selection-control.d.ts.map +0 -1
  565. package/shared/selection-control/selection-control.js.map +0 -1
  566. package/shared/selection-control/selection-control.styles.d.ts.map +0 -1
  567. package/shared/selection-control/selection-control.styles.js.map +0 -1
  568. package/shared/sets/set-base.d.ts.map +0 -1
  569. package/shared/sets/set-base.js.map +0 -1
  570. package/shared/sets/set-base.styles.d.ts.map +0 -1
  571. package/shared/sets/set-base.styles.js.map +0 -1
  572. package/shared/text-field-base/text-field-base.d.ts.map +0 -1
  573. package/shared/text-field-base/text-field-base.js.map +0 -1
  574. package/shared/text-field-base/text-field-base.styles.d.ts.map +0 -1
  575. package/shared/text-field-base/text-field-base.styles.js.map +0 -1
  576. package/snackbar/snackbar.d.ts.map +0 -1
  577. package/snackbar/snackbar.js.map +0 -1
  578. package/snackbar/snackbar.styles.d.ts.map +0 -1
  579. package/snackbar/snackbar.styles.js.map +0 -1
  580. package/switch/switch-list-item.d.ts.map +0 -1
  581. package/switch/switch-list-item.js.map +0 -1
  582. package/switch/switch.d.ts.map +0 -1
  583. package/switch/switch.js.map +0 -1
  584. package/switch/switch.styles.d.ts.map +0 -1
  585. package/switch/switch.styles.js.map +0 -1
  586. package/tab-bar/tab-bar.d.ts.map +0 -1
  587. package/tab-bar/tab-bar.js.map +0 -1
  588. package/tab-bar/tab-bar.styles.d.ts.map +0 -1
  589. package/tab-bar/tab-bar.styles.js.map +0 -1
  590. package/tab-bar/tab.d.ts.map +0 -1
  591. package/tab-bar/tab.js.map +0 -1
  592. package/tab-bar/tab.styles.d.ts.map +0 -1
  593. package/tab-bar/tab.styles.js.map +0 -1
  594. package/text-area/text-area.d.ts.map +0 -1
  595. package/text-area/text-area.js.map +0 -1
  596. package/text-area/text-area.styles.d.ts.map +0 -1
  597. package/text-area/text-area.styles.js.map +0 -1
  598. package/text-field/text-field.d.ts.map +0 -1
  599. package/text-field/text-field.js.map +0 -1
  600. package/text-field/text-field.styles.d.ts.map +0 -1
  601. package/text-field/text-field.styles.js.map +0 -1
  602. package/theme/color.d.ts.map +0 -1
  603. package/theme/color.js.map +0 -1
  604. package/theme/css-var-builder.d.ts.map +0 -1
  605. package/theme/css-var-builder.js.map +0 -1
  606. package/theme/index.d.ts.map +0 -1
  607. package/theme/index.js.map +0 -1
  608. package/theme/neutral-colors.d.ts.map +0 -1
  609. package/theme/neutral-colors.js.map +0 -1
  610. package/theme/theme-builder.d.ts.map +0 -1
  611. package/theme/theme-builder.js.map +0 -1
  612. package/theme/theme-color.d.ts.map +0 -1
  613. package/theme/theme-color.js.map +0 -1
  614. package/typeahead/highlight.d.ts.map +0 -1
  615. package/typeahead/highlight.js.map +0 -1
  616. package/typeahead/highlight.styles.d.ts.map +0 -1
  617. package/typeahead/highlight.styles.js.map +0 -1
  618. package/typeahead/typeahead-template-render.d.ts.map +0 -1
  619. package/typeahead/typeahead-template-render.js.map +0 -1
  620. package/typeahead/typeahead.d.ts.map +0 -1
  621. package/typeahead/typeahead.js.map +0 -1
  622. package/typeahead/typeahead.styles.d.ts.map +0 -1
  623. package/typeahead/typeahead.styles.js.map +0 -1
  624. /package/{config.js.map → dist/config.js.map} +0 -0
  625. /package/{app-bar → dist/esm/app-bar}/top-app-bar.d.ts +0 -0
  626. /package/{app-bar → dist/esm/app-bar}/top-app-bar.js +0 -0
  627. /package/{app-bar → dist/esm/app-bar}/top-app-bar.styles.d.ts +0 -0
  628. /package/{app-bar → dist/esm/app-bar}/top-app-bar.styles.js +0 -0
  629. /package/{badge → dist/esm/badge}/badge.d.ts +0 -0
  630. /package/{badge → dist/esm/badge}/badge.js +0 -0
  631. /package/{badge → dist/esm/badge}/badge.styles.d.ts +0 -0
  632. /package/{badge → dist/esm/badge}/badge.styles.js +0 -0
  633. /package/{button → dist/esm/button}/button-base.d.ts +0 -0
  634. /package/{button → dist/esm/button}/button-base.js +0 -0
  635. /package/{button → dist/esm/button}/button-base.styles.d.ts +0 -0
  636. /package/{button → dist/esm/button}/button-base.styles.js +0 -0
  637. /package/{button → dist/esm/button}/button-set.d.ts +0 -0
  638. /package/{button → dist/esm/button}/button-set.js +0 -0
  639. /package/{button → dist/esm/button}/button-set.styles.d.ts +0 -0
  640. /package/{button → dist/esm/button}/button-set.styles.js +0 -0
  641. /package/{button → dist/esm/button}/button.d.ts +0 -0
  642. /package/{button → dist/esm/button}/button.js +0 -0
  643. /package/{button → dist/esm/button}/button.styles.d.ts +0 -0
  644. /package/{button → dist/esm/button}/button.styles.js +0 -0
  645. /package/{button → dist/esm/button}/fab-menu-color-context.d.ts +0 -0
  646. /package/{button → dist/esm/button}/fab-menu-color-context.js +0 -0
  647. /package/{button → dist/esm/button}/fab-menu-item.d.ts +0 -0
  648. /package/{button → dist/esm/button}/fab-menu-item.js +0 -0
  649. /package/{button → dist/esm/button}/fab-menu-item.styles.d.ts +0 -0
  650. /package/{button → dist/esm/button}/fab-menu-item.styles.js +0 -0
  651. /package/{button → dist/esm/button}/fab-menu-open-context.d.ts +0 -0
  652. /package/{button → dist/esm/button}/fab-menu-open-context.js +0 -0
  653. /package/{button → dist/esm/button}/fab-menu.d.ts +0 -0
  654. /package/{button → dist/esm/button}/fab-menu.js +0 -0
  655. /package/{button → dist/esm/button}/fab-menu.styles.d.ts +0 -0
  656. /package/{button → dist/esm/button}/fab-menu.styles.js +0 -0
  657. /package/{button → dist/esm/button}/fab.d.ts +0 -0
  658. /package/{button → dist/esm/button}/fab.js +0 -0
  659. /package/{button → dist/esm/button}/fab.styles.d.ts +0 -0
  660. /package/{button → dist/esm/button}/fab.styles.js +0 -0
  661. /package/{button → dist/esm/button}/icon-button.d.ts +0 -0
  662. /package/{button → dist/esm/button}/icon-button.js +0 -0
  663. /package/{button → dist/esm/button}/icon-button.styles.d.ts +0 -0
  664. /package/{button → dist/esm/button}/icon-button.styles.js +0 -0
  665. /package/{button → dist/esm/button}/toggle-button.d.ts +0 -0
  666. /package/{button → dist/esm/button}/toggle-button.js +0 -0
  667. /package/{button → dist/esm/button}/toggle-button.styles.d.ts +0 -0
  668. /package/{button → dist/esm/button}/toggle-button.styles.js +0 -0
  669. /package/{button-field → dist/esm/button-field}/button-field.d.ts +0 -0
  670. /package/{button-field → dist/esm/button-field}/button-field.js +0 -0
  671. /package/{button-field → dist/esm/button-field}/button-field.styles.d.ts +0 -0
  672. /package/{button-field → dist/esm/button-field}/button-field.styles.js +0 -0
  673. /package/{calendar → dist/esm/calendar}/calendar-adapter.d.ts +0 -0
  674. /package/{calendar → dist/esm/calendar}/calendar-adapter.js +0 -0
  675. /package/{calendar → dist/esm/calendar}/calendar-base.d.ts +0 -0
  676. /package/{calendar → dist/esm/calendar}/calendar-base.js +0 -0
  677. /package/{calendar → dist/esm/calendar}/calendar-base.styles.d.ts +0 -0
  678. /package/{calendar → dist/esm/calendar}/calendar-base.styles.js +0 -0
  679. /package/{calendar → dist/esm/calendar}/calendar.d.ts +0 -0
  680. /package/{calendar → dist/esm/calendar}/calendar.js +0 -0
  681. /package/{calendar → dist/esm/calendar}/calendar.styles.d.ts +0 -0
  682. /package/{calendar → dist/esm/calendar}/calendar.styles.js +0 -0
  683. /package/{calendar → dist/esm/calendar}/default-calendar-adapter.d.ts +0 -0
  684. /package/{calendar → dist/esm/calendar}/default-calendar-adapter.js +0 -0
  685. /package/{calendar → dist/esm/calendar}/range-calendar.d.ts +0 -0
  686. /package/{calendar → dist/esm/calendar}/range-calendar.js +0 -0
  687. /package/{calendar → dist/esm/calendar}/range-calendar.styles.d.ts +0 -0
  688. /package/{calendar → dist/esm/calendar}/range-calendar.styles.js +0 -0
  689. /package/{card → dist/esm/card}/card-content.d.ts +0 -0
  690. /package/{card → dist/esm/card}/card-content.js +0 -0
  691. /package/{card → dist/esm/card}/card-content.styles.d.ts +0 -0
  692. /package/{card → dist/esm/card}/card-content.styles.js +0 -0
  693. /package/{card → dist/esm/card}/card-media.d.ts +0 -0
  694. /package/{card → dist/esm/card}/card-media.js +0 -0
  695. /package/{card → dist/esm/card}/card-media.styles.d.ts +0 -0
  696. /package/{card → dist/esm/card}/card-media.styles.js +0 -0
  697. /package/{card → dist/esm/card}/card.d.ts +0 -0
  698. /package/{card → dist/esm/card}/card.js +0 -0
  699. /package/{card → dist/esm/card}/card.styles.d.ts +0 -0
  700. /package/{card → dist/esm/card}/card.styles.js +0 -0
  701. /package/{checkbox → dist/esm/checkbox}/checkbox-list-item.d.ts +0 -0
  702. /package/{checkbox → dist/esm/checkbox}/checkbox-list-item.js +0 -0
  703. /package/{checkbox → dist/esm/checkbox}/checkbox.d.ts +0 -0
  704. /package/{checkbox → dist/esm/checkbox}/checkbox.js +0 -0
  705. /package/{checkbox → dist/esm/checkbox}/checkbox.styles.d.ts +0 -0
  706. /package/{checkbox → dist/esm/checkbox}/checkbox.styles.js +0 -0
  707. /package/{chip → dist/esm/chip}/chip-set.d.ts +0 -0
  708. /package/{chip → dist/esm/chip}/chip-set.js +0 -0
  709. /package/{chip → dist/esm/chip}/chip-set.styles.d.ts +0 -0
  710. /package/{chip → dist/esm/chip}/chip-set.styles.js +0 -0
  711. /package/{chip → dist/esm/chip}/chip.d.ts +0 -0
  712. /package/{chip → dist/esm/chip}/chip.js +0 -0
  713. /package/{chip → dist/esm/chip}/chip.styles.d.ts +0 -0
  714. /package/{chip → dist/esm/chip}/chip.styles.js +0 -0
  715. /package/{chip-field → dist/esm/chip-field}/chip-field.d.ts +0 -0
  716. /package/{chip-field → dist/esm/chip-field}/chip-field.js +0 -0
  717. /package/{chip-field → dist/esm/chip-field}/chip-field.styles.d.ts +0 -0
  718. /package/{chip-field → dist/esm/chip-field}/chip-field.styles.js +0 -0
  719. /package/{config.d.ts → dist/esm/config.d.ts} +0 -0
  720. /package/{config.js → dist/esm/config.js} +0 -0
  721. /package/{datepicker → dist/esm/datepicker}/datepicker.d.ts +0 -0
  722. /package/{datepicker → dist/esm/datepicker}/datepicker.js +0 -0
  723. /package/{datepicker → dist/esm/datepicker}/datepicker.styles.d.ts +0 -0
  724. /package/{datepicker → dist/esm/datepicker}/datepicker.styles.js +0 -0
  725. /package/{dialog → dist/esm/dialog}/confirm-dialog-builder.d.ts +0 -0
  726. /package/{dialog → dist/esm/dialog}/confirm-dialog-builder.js +0 -0
  727. /package/{dialog → dist/esm/dialog}/dialog-builder.d.ts +0 -0
  728. /package/{dialog → dist/esm/dialog}/dialog-builder.js +0 -0
  729. /package/{dialog → dist/esm/dialog}/dialog-button-def.d.ts +0 -0
  730. /package/{dialog → dist/esm/dialog}/dialog-button-def.js +0 -0
  731. /package/{dialog → dist/esm/dialog}/dialog.d.ts +0 -0
  732. /package/{dialog → dist/esm/dialog}/dialog.js +0 -0
  733. /package/{dialog → dist/esm/dialog}/dialog.styles.d.ts +0 -0
  734. /package/{dialog → dist/esm/dialog}/dialog.styles.js +0 -0
  735. /package/{dialog → dist/esm/dialog}/message-dialog-builder.d.ts +0 -0
  736. /package/{dialog → dist/esm/dialog}/message-dialog-builder.js +0 -0
  737. /package/{elevation → dist/esm/elevation}/elevation.d.ts +0 -0
  738. /package/{elevation → dist/esm/elevation}/elevation.js +0 -0
  739. /package/{elevation → dist/esm/elevation}/elevation.styles.d.ts +0 -0
  740. /package/{elevation → dist/esm/elevation}/elevation.styles.js +0 -0
  741. /package/{field → dist/esm/field}/field-base.d.ts +0 -0
  742. /package/{field → dist/esm/field}/field-base.js +0 -0
  743. /package/{field → dist/esm/field}/field-base.styles.d.ts +0 -0
  744. /package/{field → dist/esm/field}/field-base.styles.js +0 -0
  745. /package/{field → dist/esm/field}/field-defaults-context.d.ts +0 -0
  746. /package/{field → dist/esm/field}/field-defaults-context.js +0 -0
  747. /package/{field → dist/esm/field}/field-defaults.d.ts +0 -0
  748. /package/{field → dist/esm/field}/field-defaults.js +0 -0
  749. /package/{field → dist/esm/field}/field-variant.d.ts +0 -0
  750. /package/{field → dist/esm/field}/field-variant.js +0 -0
  751. /package/{field → dist/esm/field}/field.d.ts +0 -0
  752. /package/{field → dist/esm/field}/field.js +0 -0
  753. /package/{icon → dist/esm/icon}/icon.d.ts +0 -0
  754. /package/{icon → dist/esm/icon}/icon.js +0 -0
  755. /package/{icon → dist/esm/icon}/icon.styles.d.ts +0 -0
  756. /package/{icon → dist/esm/icon}/icon.styles.js +0 -0
  757. /package/{index.d.ts → dist/esm/index.d.ts} +0 -0
  758. /package/{index.js → dist/esm/index.js} +0 -0
  759. /package/{list → dist/esm/list}/list-item.d.ts +0 -0
  760. /package/{list → dist/esm/list}/list-item.js +0 -0
  761. /package/{list → dist/esm/list}/list-item.styles.d.ts +0 -0
  762. /package/{list → dist/esm/list}/list-item.styles.js +0 -0
  763. /package/{list → dist/esm/list}/list.d.ts +0 -0
  764. /package/{list → dist/esm/list}/list.js +0 -0
  765. /package/{list → dist/esm/list}/list.styles.d.ts +0 -0
  766. /package/{list → dist/esm/list}/list.styles.js +0 -0
  767. /package/{menu → dist/esm/menu}/menu-item.d.ts +0 -0
  768. /package/{menu → dist/esm/menu}/menu-item.js +0 -0
  769. /package/{menu → dist/esm/menu}/menu-item.styles.d.ts +0 -0
  770. /package/{menu → dist/esm/menu}/menu-item.styles.js +0 -0
  771. /package/{menu → dist/esm/menu}/menu.d.ts +0 -0
  772. /package/{menu → dist/esm/menu}/menu.js +0 -0
  773. /package/{menu → dist/esm/menu}/menu.styles.d.ts +0 -0
  774. /package/{menu → dist/esm/menu}/menu.styles.js +0 -0
  775. /package/{navigation → dist/esm/navigation}/drawer-headline.d.ts +0 -0
  776. /package/{navigation → dist/esm/navigation}/drawer-headline.js +0 -0
  777. /package/{navigation → dist/esm/navigation}/drawer-headline.styles.d.ts +0 -0
  778. /package/{navigation → dist/esm/navigation}/drawer-headline.styles.js +0 -0
  779. /package/{navigation → dist/esm/navigation}/drawer-item.d.ts +0 -0
  780. /package/{navigation → dist/esm/navigation}/drawer-item.js +0 -0
  781. /package/{navigation → dist/esm/navigation}/drawer-item.styles.d.ts +0 -0
  782. /package/{navigation → dist/esm/navigation}/drawer-item.styles.js +0 -0
  783. /package/{navigation → dist/esm/navigation}/drawer.d.ts +0 -0
  784. /package/{navigation → dist/esm/navigation}/drawer.js +0 -0
  785. /package/{navigation → dist/esm/navigation}/drawer.styles.d.ts +0 -0
  786. /package/{navigation → dist/esm/navigation}/drawer.styles.js +0 -0
  787. /package/{navigation → dist/esm/navigation}/side-navigation-swiper.styles.d.ts +0 -0
  788. /package/{navigation → dist/esm/navigation}/side-navigation-swiper.styles.js +0 -0
  789. /package/{navigation → dist/esm/navigation}/side-navigation.d.ts +0 -0
  790. /package/{navigation → dist/esm/navigation}/side-navigation.js +0 -0
  791. /package/{navigation → dist/esm/navigation}/side-navigation.styles.d.ts +0 -0
  792. /package/{navigation → dist/esm/navigation}/side-navigation.styles.js +0 -0
  793. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu-item.d.ts +0 -0
  794. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu-item.js +0 -0
  795. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.d.ts +0 -0
  796. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.js +0 -0
  797. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.styles.d.ts +0 -0
  798. /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.styles.js +0 -0
  799. /package/{progress → dist/esm/progress}/circular-progress.d.ts +0 -0
  800. /package/{progress → dist/esm/progress}/circular-progress.js +0 -0
  801. /package/{progress → dist/esm/progress}/circular-progress.styles.d.ts +0 -0
  802. /package/{progress → dist/esm/progress}/circular-progress.styles.js +0 -0
  803. /package/{progress → dist/esm/progress}/progress-bar.d.ts +0 -0
  804. /package/{progress → dist/esm/progress}/progress-bar.js +0 -0
  805. /package/{progress → dist/esm/progress}/progress-bar.styles.d.ts +0 -0
  806. /package/{progress → dist/esm/progress}/progress-bar.styles.js +0 -0
  807. /package/{radio → dist/esm/radio}/radio-list-item.d.ts +0 -0
  808. /package/{radio → dist/esm/radio}/radio-list-item.js +0 -0
  809. /package/{radio → dist/esm/radio}/radio.d.ts +0 -0
  810. /package/{radio → dist/esm/radio}/radio.js +0 -0
  811. /package/{radio → dist/esm/radio}/radio.styles.d.ts +0 -0
  812. /package/{radio → dist/esm/radio}/radio.styles.js +0 -0
  813. /package/{ripple → dist/esm/ripple}/ripple.d.ts +0 -0
  814. /package/{ripple → dist/esm/ripple}/ripple.js +0 -0
  815. /package/{ripple → dist/esm/ripple}/ripple.styles.d.ts +0 -0
  816. /package/{ripple → dist/esm/ripple}/ripple.styles.js +0 -0
  817. /package/{search → dist/esm/search}/search.d.ts +0 -0
  818. /package/{search → dist/esm/search}/search.js +0 -0
  819. /package/{search → dist/esm/search}/search.styles.d.ts +0 -0
  820. /package/{search → dist/esm/search}/search.styles.js +0 -0
  821. /package/{select → dist/esm/select}/option.d.ts +0 -0
  822. /package/{select → dist/esm/select}/option.js +0 -0
  823. /package/{select → dist/esm/select}/option.styles.d.ts +0 -0
  824. /package/{select → dist/esm/select}/option.styles.js +0 -0
  825. /package/{select → dist/esm/select}/select-navigation-controller.d.ts +0 -0
  826. /package/{select → dist/esm/select}/select-navigation-controller.js +0 -0
  827. /package/{select → dist/esm/select}/select.d.ts +0 -0
  828. /package/{select → dist/esm/select}/select.js +0 -0
  829. /package/{select → dist/esm/select}/select.styles.d.ts +0 -0
  830. /package/{select → dist/esm/select}/select.styles.js +0 -0
  831. /package/{shared → dist/esm/shared}/base.styles.d.ts +0 -0
  832. /package/{shared → dist/esm/shared}/base.styles.js +0 -0
  833. /package/{shared → dist/esm/shared}/button-wrapper.d.ts +0 -0
  834. /package/{shared → dist/esm/shared}/button-wrapper.js +0 -0
  835. /package/{shared → dist/esm/shared}/button-wrapper.styles.d.ts +0 -0
  836. /package/{shared → dist/esm/shared}/button-wrapper.styles.js +0 -0
  837. /package/{shared → dist/esm/shared}/char-count-text-field/native-text-field-wrapper.d.ts +0 -0
  838. /package/{shared → dist/esm/shared}/char-count-text-field/native-text-field-wrapper.js +0 -0
  839. /package/{shared → dist/esm/shared}/compare-text.d.ts +0 -0
  840. /package/{shared → dist/esm/shared}/compare-text.js +0 -0
  841. /package/{shared → dist/esm/shared}/events/dispatch-event.d.ts +0 -0
  842. /package/{shared → dist/esm/shared}/events/dispatch-event.js +0 -0
  843. /package/{shared → dist/esm/shared}/events/redispatch-event.d.ts +0 -0
  844. /package/{shared → dist/esm/shared}/events/redispatch-event.js +0 -0
  845. /package/{shared → dist/esm/shared}/extract-template-html.d.ts +0 -0
  846. /package/{shared → dist/esm/shared}/extract-template-html.js +0 -0
  847. /package/{shared → dist/esm/shared}/menu-field/menu-field-navigation-controller.d.ts +0 -0
  848. /package/{shared → dist/esm/shared}/menu-field/menu-field-navigation-controller.js +0 -0
  849. /package/{shared → dist/esm/shared}/menu-field/menu-field.d.ts +0 -0
  850. /package/{shared → dist/esm/shared}/menu-field/menu-field.js +0 -0
  851. /package/{shared → dist/esm/shared}/mixin-attribute-properties.d.ts +0 -0
  852. /package/{shared → dist/esm/shared}/mixin-attribute-properties.js +0 -0
  853. /package/{shared → dist/esm/shared}/mixin.d.ts +0 -0
  854. /package/{shared → dist/esm/shared}/mixin.js +0 -0
  855. /package/{shared → dist/esm/shared}/normalize-text.d.ts +0 -0
  856. /package/{shared → dist/esm/shared}/normalize-text.js +0 -0
  857. /package/{shared → dist/esm/shared}/selection-control/selection-control-list-item.d.ts +0 -0
  858. /package/{shared → dist/esm/shared}/selection-control/selection-control-list-item.js +0 -0
  859. /package/{shared → dist/esm/shared}/selection-control/selection-control.d.ts +0 -0
  860. /package/{shared → dist/esm/shared}/selection-control/selection-control.js +0 -0
  861. /package/{shared → dist/esm/shared}/selection-control/selection-control.styles.d.ts +0 -0
  862. /package/{shared → dist/esm/shared}/selection-control/selection-control.styles.js +0 -0
  863. /package/{shared → dist/esm/shared}/sets/set-base.d.ts +0 -0
  864. /package/{shared → dist/esm/shared}/sets/set-base.js +0 -0
  865. /package/{shared → dist/esm/shared}/sets/set-base.styles.d.ts +0 -0
  866. /package/{shared → dist/esm/shared}/sets/set-base.styles.js +0 -0
  867. /package/{shared → dist/esm/shared}/text-field-base/text-field-base.d.ts +0 -0
  868. /package/{shared → dist/esm/shared}/text-field-base/text-field-base.js +0 -0
  869. /package/{shared → dist/esm/shared}/text-field-base/text-field-base.styles.d.ts +0 -0
  870. /package/{shared → dist/esm/shared}/text-field-base/text-field-base.styles.js +0 -0
  871. /package/{snackbar → dist/esm/snackbar}/snackbar.d.ts +0 -0
  872. /package/{snackbar → dist/esm/snackbar}/snackbar.js +0 -0
  873. /package/{snackbar → dist/esm/snackbar}/snackbar.styles.d.ts +0 -0
  874. /package/{snackbar → dist/esm/snackbar}/snackbar.styles.js +0 -0
  875. /package/{switch → dist/esm/switch}/switch-list-item.d.ts +0 -0
  876. /package/{switch → dist/esm/switch}/switch-list-item.js +0 -0
  877. /package/{switch → dist/esm/switch}/switch.d.ts +0 -0
  878. /package/{switch → dist/esm/switch}/switch.js +0 -0
  879. /package/{switch → dist/esm/switch}/switch.styles.d.ts +0 -0
  880. /package/{switch → dist/esm/switch}/switch.styles.js +0 -0
  881. /package/{tab-bar → dist/esm/tab-bar}/tab-bar.d.ts +0 -0
  882. /package/{tab-bar → dist/esm/tab-bar}/tab-bar.js +0 -0
  883. /package/{tab-bar → dist/esm/tab-bar}/tab-bar.styles.d.ts +0 -0
  884. /package/{tab-bar → dist/esm/tab-bar}/tab-bar.styles.js +0 -0
  885. /package/{tab-bar → dist/esm/tab-bar}/tab.d.ts +0 -0
  886. /package/{tab-bar → dist/esm/tab-bar}/tab.js +0 -0
  887. /package/{tab-bar → dist/esm/tab-bar}/tab.styles.d.ts +0 -0
  888. /package/{tab-bar → dist/esm/tab-bar}/tab.styles.js +0 -0
  889. /package/{text-area → dist/esm/text-area}/text-area.d.ts +0 -0
  890. /package/{text-area → dist/esm/text-area}/text-area.js +0 -0
  891. /package/{text-area → dist/esm/text-area}/text-area.styles.d.ts +0 -0
  892. /package/{text-area → dist/esm/text-area}/text-area.styles.js +0 -0
  893. /package/{text-field → dist/esm/text-field}/text-field.d.ts +0 -0
  894. /package/{text-field → dist/esm/text-field}/text-field.js +0 -0
  895. /package/{text-field → dist/esm/text-field}/text-field.styles.d.ts +0 -0
  896. /package/{text-field → dist/esm/text-field}/text-field.styles.js +0 -0
  897. /package/{theme → dist/esm/theme}/color.d.ts +0 -0
  898. /package/{theme → dist/esm/theme}/color.js +0 -0
  899. /package/{theme → dist/esm/theme}/css-var-builder.d.ts +0 -0
  900. /package/{theme → dist/esm/theme}/css-var-builder.js +0 -0
  901. /package/{theme → dist/esm/theme}/index.d.ts +0 -0
  902. /package/{theme → dist/esm/theme}/index.js +0 -0
  903. /package/{theme → dist/esm/theme}/neutral-colors.d.ts +0 -0
  904. /package/{theme → dist/esm/theme}/neutral-colors.js +0 -0
  905. /package/{theme → dist/esm/theme}/theme-builder.d.ts +0 -0
  906. /package/{theme → dist/esm/theme}/theme-builder.js +0 -0
  907. /package/{theme → dist/esm/theme}/theme-color.d.ts +0 -0
  908. /package/{theme → dist/esm/theme}/theme-color.js +0 -0
  909. /package/{typeahead → dist/esm/typeahead}/highlight.d.ts +0 -0
  910. /package/{typeahead → dist/esm/typeahead}/highlight.js +0 -0
  911. /package/{typeahead → dist/esm/typeahead}/highlight.styles.d.ts +0 -0
  912. /package/{typeahead → dist/esm/typeahead}/highlight.styles.js +0 -0
  913. /package/{typeahead → dist/esm/typeahead}/typeahead-template-render.d.ts +0 -0
  914. /package/{typeahead → dist/esm/typeahead}/typeahead-template-render.js +0 -0
  915. /package/{typeahead → dist/esm/typeahead}/typeahead.d.ts +0 -0
  916. /package/{typeahead → dist/esm/typeahead}/typeahead.js +0 -0
  917. /package/{typeahead → dist/esm/typeahead}/typeahead.styles.d.ts +0 -0
  918. /package/{typeahead → dist/esm/typeahead}/typeahead.styles.js +0 -0
  919. /package/{index.js.map → dist/index.js.map} +0 -0
  920. /package/{vscode.html-custom-data.json → dist/vscode.html-custom-data.json} +0 -0
@@ -0,0 +1,127 @@
1
+ {
2
+ "name": "@universal-material/web",
3
+ "version": "3.6.20",
4
+ "description": "Material web components",
5
+ "type": "module",
6
+ "keywords": [
7
+ "material",
8
+ "material design",
9
+ "design system",
10
+ "components",
11
+ "web-components",
12
+ "lit-element",
13
+ "typescript",
14
+ "lit"
15
+ ],
16
+ "module": "./index.js",
17
+ "typings": "./index.d.ts",
18
+ "scripts": {
19
+ "build": "run-s clean script:sass-to-ts script:build sass analyze copy && node remove-scripts-from-package.js",
20
+ "build:watch": "gulp -f gulpfile.js scripts:watch",
21
+ "script:build": "tsc",
22
+ "script:sass-to-ts": "gulp -f gulpfile.js scripts:sass-to-ts",
23
+ "script:sass-to-ts:watch": "gulp -f gulpfile.js scripts:sass-to-ts:watch",
24
+ "sass": "gulp -f gulpfile.js sass",
25
+ "sass:watch": "gulp -f gulpfile.js sass:watch",
26
+ "clean": "rimraf ./dist/ rimraf ./src/**/*.d.ts rimraf ./src/**/*.styles.ts",
27
+ "copy": "copyfiles package.json README.md custom-elements.json vscode.html-custom-data.json dist/ && copyfiles -u 1 src/scss/**/*.scss dist/",
28
+ "lint": "npm run lint:lit-analyzer && npm run lint:eslint && npm run lint:prettier",
29
+ "lint:eslint": "eslint src/**/*.ts",
30
+ "lint:eslint:fix": "eslint src/**/*.ts --fix",
31
+ "lint:lit-analyzer": "lit-analyzer",
32
+ "lint:prettier": "prettier . --check",
33
+ "predocs": "run-p analyze docs:apis script:sass-to-ts",
34
+ "docs": "run-p build:watch docs:serve",
35
+ "docs:apis": "gulp -f gulpfile.js docs:apis",
36
+ "docs:apis:watch": "gulp -f gulpfile.js docs:apis:watch",
37
+ "docs:serve": "cd docs && ng serve",
38
+ "docs:build": "npm run predocs && cd docs && ng build",
39
+ "docs:watch": "npm run predocs && cd docs && ng build --watch --configuration development",
40
+ "analyze": "cem analyze --litelement --globs \"src/**/*.ts\" && node fix-html-custom-data-union-types.js",
41
+ "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
42
+ "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js",
43
+ "prettier": "prettier . --write"
44
+ },
45
+ "author": "https://github.com/universal-material/universal-material/graphs/contributors",
46
+ "repository": {
47
+ "type": "git",
48
+ "url": "git+https://github.com/universal-material/universal-material-web.git"
49
+ },
50
+ "license": "MIT",
51
+ "homepage": "https://universal-material.github.io",
52
+ "dependencies": {
53
+ "@bart-krakowski/get-week-info-polyfill": "^1.0.8",
54
+ "@lit-labs/virtualizer": "^2.1.1",
55
+ "@lit/context": "^1.1.5",
56
+ "@material/material-color-utilities": "^0.3.0",
57
+ "dompurify": "^3.2.6",
58
+ "lit": "^3.2.1",
59
+ "swiper": "^11.2.4"
60
+ },
61
+ "devDependencies": {
62
+ "@angular/build": "^20.0.4",
63
+ "@angular/cli": "^20.0.4",
64
+ "@angular/common": "^20.0.0",
65
+ "@angular/compiler": "^20.0.0",
66
+ "@angular/compiler-cli": "^20.0.0",
67
+ "@angular/core": "^20.0.0",
68
+ "@angular/elements": "^20.0.0",
69
+ "@angular/forms": "^20.0.0",
70
+ "@angular/platform-browser": "^20.0.0",
71
+ "@angular/router": "^20.0.0",
72
+ "@custom-elements-manifest/analyzer": "^0.10.4",
73
+ "@eslint/compat": "^1.2.7",
74
+ "@eslint/eslintrc": "^3.3.0",
75
+ "@eslint/js": "^9.21.0",
76
+ "@interactjs/types": "^1.10.27",
77
+ "@open-wc/testing": "^3.1.5",
78
+ "@rollup/plugin-node-resolve": "^15.2.3",
79
+ "@rollup/plugin-replace": "^5.0.5",
80
+ "@stylistic/eslint-plugin": "^3.1.0",
81
+ "@types/mocha": "^10.0.6",
82
+ "@typescript-eslint/eslint-plugin": "8.35.0",
83
+ "@typescript-eslint/parser": "8.35.0",
84
+ "@wc-toolkit/type-parser": "^1.1.0",
85
+ "@webcomponents/webcomponentsjs": "^2.8.0",
86
+ "angular-eslint": "^20.0.0",
87
+ "copyfiles": "^2.4.1",
88
+ "custom-element-vs-code-integration": "^1.5.0",
89
+ "eslint": "^9.21.0",
90
+ "eslint-plugin-import": "^2.31.0",
91
+ "eslint-plugin-import-helpers": "^2.0.1",
92
+ "eslint-plugin-jsdoc": "^50.6.3",
93
+ "eslint-plugin-prefer-arrow": "^1.2.3",
94
+ "eslint-plugin-unused-imports": "^4.1.4",
95
+ "gulp": "^4.0.2",
96
+ "gulp-changed": "^5.0.2",
97
+ "gulp-newer": "^1.4.0",
98
+ "gulp-notify": "^4.0.0",
99
+ "gulp-rename": "^2.1.0",
100
+ "gulp-sass": "^6.0.1",
101
+ "gulp-sourcemaps": "^3.0.0",
102
+ "gulp-typescript": "^5.0.1",
103
+ "highlight.js": "^11.11.1",
104
+ "html-entities": "^2.5.2",
105
+ "lit-analyzer": "^1.2.1",
106
+ "ngx-highlightjs": "^14.0.0",
107
+ "ngx-markdown": "^20.0.0",
108
+ "npm-run-all": "^4.1.5",
109
+ "prettier": "^3.6.2",
110
+ "prettier-plugin-organize-attributes": "^1.0.0",
111
+ "raw-loader": "^4.0.2",
112
+ "rimraf": "^3.0.2",
113
+ "rollup": "^2.73.0",
114
+ "rollup-plugin-summary": "^2.0.0",
115
+ "rollup-plugin-terser": "^7.0.2",
116
+ "rollup-plugin-typescript2": "^0.36.0",
117
+ "rxjs": "~7.8.0",
118
+ "sass": "^1.89.2",
119
+ "through2": "^4.0.2",
120
+ "ts-morph": "^22.0.0",
121
+ "tslib": "^2.6.2",
122
+ "typescript": "~5.8.2",
123
+ "typescript-eslint": "8.35.0",
124
+ "zone.js": "~0.15.0"
125
+ },
126
+ "customElements": "custom-elements.json"
127
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-material/web",
3
- "version": "3.6.20",
3
+ "version": "3.6.21",
4
4
  "description": "Material web components",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -13,11 +13,21 @@
13
13
  "typescript",
14
14
  "lit"
15
15
  ],
16
- "module": "./index.js",
17
- "typings": "./index.d.ts",
16
+ "main": "dist/index.js",
17
+ "module": "dist/esm/index.js",
18
+ "types": "dist/esm/index.d.ts",
19
+ "exports": {
20
+ ".": {
21
+ "import": "dist/esm/index.js",
22
+ "default": "dist/index.js"
23
+ }
24
+ },
25
+ "files": ["dist"],
18
26
  "scripts": {
19
- "build": "run-s clean script:sass-to-ts script:build sass analyze copy && node remove-scripts-from-package.js",
27
+ "build": "run-s clean script:sass-to-ts build:esm build:bundle sass analyze copy && node remove-scripts-from-package.js",
20
28
  "build:watch": "gulp -f gulpfile.js scripts:watch",
29
+ "build:esm": "esbuild src/index.ts --bundle --format=esm --minify --outfile=dist/index.js",
30
+ "build:bundle": "tsc",
21
31
  "script:build": "tsc",
22
32
  "script:sass-to-ts": "gulp -f gulpfile.js scripts:sass-to-ts",
23
33
  "script:sass-to-ts:watch": "gulp -f gulpfile.js scripts:sass-to-ts:watch",
@@ -40,7 +50,9 @@
40
50
  "analyze": "cem analyze --litelement --globs \"src/**/*.ts\" && node fix-html-custom-data-union-types.js",
41
51
  "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
42
52
  "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js",
43
- "prettier": "prettier . --write"
53
+ "prettier": "prettier . --write",
54
+ "publish": "npm run lint:eslint && cd dist && npm publish",
55
+ "postinstall": "node -e \"const fs=require('fs');fs.existsSync('./change-compiler-to-add-custom-elements.js')&&require('./change-compiler-to-add-custom-elements.js')\""
44
56
  },
45
57
  "author": "https://github.com/universal-material/universal-material/graphs/contributors",
46
58
  "repository": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"top-app-bar.d.ts","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,qBACa,WAAY,SAAQ,UAAU;;IACzC,OAAgB,MAAM,4BAAwB;IAErC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IAG1C,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAW;IAGpD,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAEjC,QAAQ,SAAM;IAE1B,IACI,eAAe,IAAI,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAE5D;IAED,IAAI,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,EAShE;IAEQ,iBAAiB,UAAS;IAGnC,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IAGtD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAE5B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IACxD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IAEpE,OAAO,CAAC,qBAAqB,CAA+B;IAE5D,OAAO,CAAC,sBAAsB,CAGd;IAEhB,OAAO,CAAC,kBAAkB;IAyBjB,MAAM,IAAI,kBAAkB;cA0ClB,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAKpD,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAO9C,iBAAiB;IAMjB,oBAAoB;IAgC7B,OAAO,CAAC,MAAM,CAAC,aAAa;CAe7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"top-app-bar.js","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './top-app-bar.styles.js';\n\n@customElement('u-top-app-bar')\nexport class UmTopAppBar extends LitElement {\n static override styles = [baseStyles, styles];\n\n @state() private _hasLeadingIcon = false;\n @state() private _hasTrailingIcon = false;\n\n @property({ reflect: true })\n position: 'fixed' | 'absolute' | 'static' = 'fixed';\n\n @property({ reflect: true })\n size: 'small' | 'medium' | 'large' = 'small';\n\n @property() headline = '';\n\n @property({ reflect: true })\n get scrollContainer(): 'none' | 'window' | string | undefined {\n return this.attributes.getNamedItem('scrollContainer')?.value;\n }\n\n set scrollContainer(idOrElement: string | HTMLElement | undefined) {\n this.scrollContainerElement?.removeEventListener('scroll', this.#updateScroll);\n\n if (idOrElement === 'none') {\n return;\n }\n\n this.scrollContainerElement = this.getScrollContainer(idOrElement)!;\n this.scrollContainerElement?.addEventListener('scroll', this.#updateScroll);\n }\n\n @state() containerScrolled = false;\n\n @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n private readonly assignedLeadingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n private readonly assignedTrailingIcons!: HTMLElement[];\n\n @query('.container', true) private readonly _container!: HTMLElement;\n @query('.extended-content') private readonly _extendedContent!: HTMLElement;\n @query('.headline') private readonly _headlineElement!: HTMLElement;\n\n private containerSizeObserver: ResizeObserver | null = null;\n\n private scrollContainerElement: {\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null = null;\n\n private getScrollContainer(idOrElement: string | HTMLElement | undefined):\n | {\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n }\n | undefined {\n if (idOrElement instanceof HTMLElement) {\n return idOrElement;\n }\n\n if (idOrElement === 'window') {\n return window;\n }\n\n return document.getElementById(idOrElement!)!;\n }\n\n #handleLeadingIconSlotChange() {\n this._hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n }\n\n #handleTrailingIconSlotChange() {\n this._hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n }\n\n override render(): HTMLTemplateResult {\n const extendedContent = html`\n <div class=\"extended-content\" part=\"extended-content\">\n <slot name=\"extended-content\">${this.headline}</slot>\n </div>\n `;\n\n const containerClasses = classMap({\n [this.position]: true,\n [this.size]: true,\n scrolled: this.containerScrolled,\n 'has-leading-icon': this._hasLeadingIcon,\n 'has-trailing-icon': this._hasTrailingIcon,\n });\n\n const appBarSpacing = this.position !== 'static'\n ? html`<div class=\"spacing\"></div>`\n : nothing;\n\n return html`\n ${appBarSpacing}\n <div class=\"container ${containerClasses}\" part=\"container\">\n <div class=\"content\" part=\"content\">\n <div class=\"icon leading-icon\" part=\"icon leading\">\n <slot name=\"leading-icon\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n </div>\n <div class=\"headline\" part=\"headline\">\n <slot>\n <span>${this.headline}</span>\n </slot>\n </div>\n\n <div class=\"icon trailing-icon\" part=\"icon trailing\">\n <slot name=\"trailing-icon\" @slotchange=\"${this.#handleTrailingIconSlotChange}\"></slot>\n </div>\n </div>\n <slot name=\"additional-content\"></slot>\n </div>\n ${this.size !== 'small' ? extendedContent : nothing}\n `;\n }\n\n protected override updated(_changedProperties: PropertyValues) {\n super.updated(_changedProperties);\n this.#updateScroll();\n }\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n this.containerSizeObserver = new ResizeObserver(() => this.#setContentHeightProperty());\n this.containerSizeObserver.observe(this._container);\n this.#setContentHeightProperty();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.scrollContainer = this.scrollContainer || 'window';\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.containerSizeObserver!.disconnect();\n this.containerSizeObserver = null;\n }\n\n readonly #updateScroll = () => {\n const container = this.scrollContainerElement ?? window;\n\n const extendedContentHeight = Math.max(this._extendedContent?.offsetHeight ?? 0, 0);\n\n const scrollTop = UmTopAppBar._getScrollTop(container as any);\n\n this.containerScrolled = scrollTop > extendedContentHeight;\n\n this._headlineElement.style.opacity = scrollTop >= extendedContentHeight ? '1' : '0';\n\n if (extendedContentHeight === 0) {\n return;\n }\n\n const scrollOffset = this._extendedContent.offsetHeight * 0.7;\n\n if (scrollTop > scrollOffset) {\n this._extendedContent.style.opacity = '0';\n return;\n }\n\n this._extendedContent.style.opacity = 1 - scrollTop / scrollOffset + '';\n };\n\n private static _getScrollTop(container: HTMLElement & Window): number {\n if (typeof container.scrollY === 'number') {\n return container.scrollY;\n }\n\n if (typeof container.scrollTop === 'number') {\n return container.scrollTop;\n }\n\n return document.body.scrollTop;\n }\n\n #setContentHeightProperty() {\n this.style.setProperty('--_content-height', `${this._container.clientHeight}px`);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-top-app-bar': UmTopAppBar;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"top-app-bar.styles.d.ts","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+GlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"top-app-bar.styles.js","sourceRoot":"","sources":["../../src/app-bar/top-app-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n }\n\n slot[name=leading-icon]::slotted(u-icon-button) {\n color: inherit;\n }\n\n .container {\n background-color: var(--u-top-app-bar-container-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n .scrolled {\n background-color: var(--u-top-app-bar-on-scroll-container-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n }\n\n .leading-icon,\n .trailing-icon {\n display: none;\n align-items: center;\n gap: var(--u-top-app-bar-icons-gap, 8px);\n }\n\n .has-leading-icon .leading-icon,\n .has-trailing-icon .trailing-icon {\n display: inline-flex;\n }\n\n .absolute {\n position: absolute;\n }\n\n .fixed {\n position: fixed;\n inset-inline: 0;\n inset-block-start: 0;\n inset-inline-start: var(--u-app-bar-offset, 0);\n }\n\n .absolute,\n .fixed {\n z-index: var(--u-fixed-app-bar-z-index, 1010);\n }\n\n .spacing {\n padding-top: var(--_content-height);\n }\n\n .extended-content {\n display: flex;\n align-items: flex-end;\n padding-inline: var(--u-extended-content-inline-padding, 16px);\n }\n\n .medium + .extended-content {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem));\n font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem));\n letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem));\n font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400)));\n height: var(--u-extended-content-medium-height, 3.5rem);\n padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px);\n }\n\n .large + .extended-content {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem));\n font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem));\n letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem));\n font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400)));\n height: var(--u-extended-content-medium-large, 6rem);\n padding-bottom: var(--u-extended-content-large-padding-bottom, 28px);\n }\n\n .content {\n display: flex;\n align-items: center;\n background-color: inherit;\n transition: inherit;\n min-height: var(--u-top-app-bar-min-height, 56px);\n }\n @media (min-width: 840px) {\n .content {\n min-height: var(--u-top-app-bar-extended-min-height, 64px);\n }\n }\n\n .headline {\n overflow: hidden;\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n margin-inline: var(--u-headline-margin, 16px);\n }\n .has-leading-icon .headline {\n margin-inline-start: 0;\n }\n\n .leading-icon {\n margin-inline: var(--u-leading-icon-margin, 8px);\n }\n\n .trailing-icon {\n padding-inline: var(--u-trailing-icon-margin, 8px);\n margin-inline-start: auto;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,OAAQ,SAAQ,UAAU;;IACrC,OAAgB,MAAM,0BAAU;IAEY,MAAM,UAAS;IAClD,OAAO,CAAC,MAAM,CAAQ;cAEZ,MAAM,IAAI,kBAAkB;CAiBhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/badge/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGpC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAGuC,WAAM,GAAG,KAAK,CAAC;QAC1C,WAAM,GAAG,IAAI,CAAC;IAmBjC,CAAC;aAtBiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAKb,MAAM;QACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC;YAChC,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,MAAM;SACnB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;8BACe,gBAAgB;4BAClB,IAAI,CAAC,iBAAiB;;KAE7C,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QACzC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;IACjD,CAAC;;AAnB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAgB;AAC1C;IAAhB,KAAK,EAAE;uCAAuB;AAJpB,OAAO;IADnB,aAAa,CAAC,SAAS,CAAC;GACZ,OAAO,CAuBnB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './badge.styles.js';\n\n@customElement('u-badge')\nexport class UmBadge extends LitElement {\n static override styles = styles;\n\n @property({ type: Boolean, reflect: true }) static = false;\n @state() private _empty = true;\n\n protected override render(): HTMLTemplateResult {\n const containerClasses = classMap({\n static: this.static,\n empty: this._empty,\n });\n\n return html`\n <div class=\"container ${containerClasses}\" part=\"container\">\n <slot @slotchange=${this.#handleSlotChange}></slot>\n </div>\n `;\n }\n\n #handleSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._empty = !!slot.assignedElements().length;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-badge': UmBadge;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\n --_badge-size: var(--u-badge-small-size, 6px);\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-badge-line-height, var(--u-label-s-line-height, 1rem));\n font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem));\n letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem));\n font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500)));\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: var(--_badge-size);\n height: var(--_badge-size);\n line-height: var(--_badge-size);\n background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255)));\n border-radius: calc(var(--_badge-size) / 2);\n }\n .container:not(.static) {\n --_badge-inline-start: calc(100% - var(--_badge-size));\n position: absolute;\n top: 0;\n inset-inline-start: var(--_badge-inline-start);\n }\n .container:not(.empty) {\n --_badge-size: var(--u-badge-large-size, 16px);\n top: var(--u-badge-top-offset, -2px);\n inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px));\n padding-inline: var(--u-badge-padding, 4px);\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-base.d.ts","sourceRoot":"","sources":["../../src/button/button-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,8BAAsB,YAAa,SAAQ,eAAe;;IAExD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAAoC;IAE9D,IAAI,SAAY;IAEC,KAAK,SAAM;IAExC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;;cASkB,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;CA8BlD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../src/button/button-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,OAAgB,YAAa,SAAQ,eAAe;aAExC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEtB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IAM1E,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IACrC,CAAC;IAEQ,iBAAiB,CAAmB;IAE7C;QACE,KAAK,EAAE,CAAC;QAXE,SAAI,GAAG,QAAQ,CAAC;QAEC,UAAK,GAAG,EAAE,CAAC;QAUtC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAClD,CAAC;IAEkB,YAAY,CAAC,CAAU;QAExC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,CACxB,QAAQ,EACR,WAAW,CAAC,EAAE;YACZ,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,WAAW,EAAE;gBAC9C,YAAY,EAAE,IAAI;gBAClB,UAAU,EAAE,IAAI;gBAChB,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAC9B,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;;AA5CW;IAAX,QAAQ,EAAE;0CAAiB;AAEC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAY","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { property } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './button-base.styles.js';\n\nexport abstract class UmButtonBase extends UmButtonWrapper {\n\n static readonly formAssociated = true;\n\n static override styles: CSSResultGroup = [UmButtonWrapper.styles, styles];\n\n @property() type = 'submit';\n\n @property({ reflect: true }) value = '';\n\n get form(): HTMLFormElement | null {\n return this.#elementInternals.form;\n }\n\n readonly #elementInternals: ElementInternals;\n\n constructor() {\n super();\n this.#elementInternals = this.attachInternals();\n }\n\n protected override _handleClick(_: UIEvent): void {\n\n if (this.type === 'button' || !!this.href) {\n return;\n }\n\n if (!this.form) {\n return;\n }\n\n this.#elementInternals.setFormValue(this.value);\n\n if (this.type === 'reset') {\n this.form.reset();\n return;\n }\n\n this.form.addEventListener(\n 'submit',\n submitEvent => {\n Object.defineProperty(submitEvent, 'submitter', {\n configurable: true,\n enumerable: true,\n get: () => this,\n });\n },\n { capture: true, once: true },\n );\n this.form.requestSubmit();\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-base.styles.d.ts","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqBlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-base.styles.js","sourceRoot":"","sources":["../../src/button/button-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_morph-duration: var(--u-button-morph-duration, 125ms);\n }\n\n .container {\n transition: background-color var(--_morph-duration) linear, border-radius var(--_morph-duration) linear, color var(--_morph-duration) linear;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-set.d.ts","sourceRoot":"","sources":["../../src/button/button-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,qBACa,WAAY,SAAQ,SAAS;IAExC,OAAgB,MAAM,iCAA8B;IAEpD;;OAEG;IACyC,KAAK,UAAS;IAEjD,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAS;CACxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-set.js","sourceRoot":"","sources":["../../src/button/button-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS;IAAnC;;QAIL;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAEjD,cAAS,GAA+B,KAAK,CAAC;IACzD,CAAC;aARiB,WAAM,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,AAA7B,CAA8B;;AAKR;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAe;AAP/C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAUvB","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\n\nimport { UmSetBase } from '../shared/sets/set-base.js';\nimport { styles } from './button-set.styles.js';\n\n@customElement('u-button-set')\nexport class UmButtonSet extends UmSetBase {\n\n static override styles = [UmSetBase.styles, styles];\n\n /**\n * Whether to render the buttons stacked or not\n */\n @property({ type: Boolean, reflect: true }) stack = false;\n\n override alignment: 'start' | 'center' | 'end' = 'end';\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-button-set': UmButtonSet;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-set.styles.d.ts","sourceRoot":"","sources":["../../src/button/button-set.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiBlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-set.styles.js","sourceRoot":"","sources":["../../src/button/button-set.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;CAiBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host([stack][alignment=start]) {\n align-items: flex-start;\n }\n\n :host([stack][alignment=center]) {\n align-items: center;\n }\n\n :host([stack][alignment=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAK/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E,qBACa,QAAS,SAAQ,cAAc;;IAC1C,OAAgB,MAAM,EAAE,cAAc,CAAmC;IAEzE;;OAEG;IACS,OAAO,EAAE,eAAe,CAAY;IAEhD;;OAEG;IACS,KAAK,EAAE,aAAa,CAAa;IAE2B,YAAY,UAAS;IAEpF,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,kBAAkB,CAAS;IACnC,iBAAiB,UAAS;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAe;IACtD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAe;IAInD,YAAY,CAAC,iBAAiB,EAAE,cAAc;cAuBpC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAW/C,cAAc,IAAI,kBAAkB;CAiCxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/button/button.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './button.styles.js';\nimport { UmToggleButton } from './toggle-button.js';\n\nimport '../ripple/ripple.js';\n\nexport type UmButtonVariant = 'filled' | 'tonal' | 'elevated' | 'outlined' | 'text';\nexport type UmButtonColor = 'primary' | 'secondary' | 'tertiary' | 'error';\n\n@customElement('u-button')\nexport class UmButton extends UmToggleButton {\n static override styles: CSSResultGroup = [UmToggleButton.styles, styles];\n\n /**\n * The Button variant to render\n */\n @property() variant: UmButtonVariant = 'filled';\n\n /**\n * The Button color\n */\n @property() color: UmButtonColor = 'primary';\n\n @property({ type: Boolean, attribute: 'trailing-icon', reflect: true }) trailingIcon = false;\n\n @state() private _hasIcon = false;\n @state() private _hasSelectionLabel = false;\n @state() animateTextChange = false;\n\n @query('.label-container', true) private readonly _textWrapper!: HTMLElement;\n @query('#label', true) private readonly _text!: HTMLElement;\n\n #textSizeObserver!: ResizeObserver | null;\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n\n this.#textSizeObserver = new ResizeObserver(() => this.#setTextWrapperWidth());\n this.#textSizeObserver.observe(this._text);\n this.#setTextWrapperWidth();\n }\n\n #setTextWrapperWidth(): void {\n\n const width = `${this._text.offsetWidth}px`;\n this._textWrapper.style.width = width;\n\n const animateTextChange = !!parseInt(width, 10);\n\n if (this.animateTextChange === animateTextChange) {\n return;\n }\n\n setTimeout(() =>\n this.animateTextChange = animateTextChange);\n }\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.color]: true,\n [this.variant]: true,\n 'trailing-icon': this.trailingIcon,\n 'has-icon': this._hasIcon,\n 'has-selection-label': this._hasSelectionLabel,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n const labelContainerClasses = { animate: this.animateTextChange };\n\n return html`\n <span class=\"icon-container\" aria-hidden=\"true\">\n <span class=\"icon icon-default\">\n <slot name=\"icon\" @slotchange=\"${this.#handleIconSlotChange}\"></slot>\n </span>\n <span class=\"icon icon-selected\">\n <slot name=\"icon-selected\" @slotchange=\"${this._handleSelectedIconSlotChange}\"></slot>\n </span>\n </span>\n\n <span class=\"label-container ${classMap(labelContainerClasses)}\">\n <span id=\"label\">\n <span class=\"label label-default\">\n <slot></slot>\n </span>\n <span class=\"label label-selected\">\n <slot name=\"label-selected\" @slotchange=\"${this.#handleSelectedLabelSlotChange}\"></slot>\n </span>\n </span>\n </span>\n `;\n }\n\n #handleIconSlotChange(e: Event) {\n this._hasIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n\n #handleSelectedLabelSlotChange(e: Event): void {\n this._hasSelectionLabel = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-button': UmButton;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../src/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyNlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../src/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyNzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, .875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-padding: var(--u-common-button-padding, 16px);\n --_extra-small-font-size: var(--u-common-button-extra-small-font-size, .875rem);\n --_small-font-size: var(--u-common-button-small-font-size, .875rem);\n --_medium-font-size: var(--u-common-button-medium-font-size, 1rem);\n --_large-font-size: var(--u-common-button-large-font-size, 1.5rem);\n --_extra-large-font-size: var(--u-common-button-extra-large-font-size, 2rem);\n --_extra-small-font-weight: var(--u-common-button-extra-small-font-weight, var(--u-font-weight-medium, 500));\n --_small-font-weight: var(--u-common-button-small-font-weight, var(--u-font-weight-medium, 500));\n --_medium-font-weight: var(--u-common-button-medium-font-weight, var(--u-font-weight-medium, 500));\n --_large-font-weight: var(--u-common-button-large-font-weight, var(--u-font-weight-regular, 400));\n --_extra-large-font-weight: var(--u-common-button-extra-large-font-weight, var(--u-font-weight-regular, 400));\n --_extra-small-size: var(--u-common-button-extra-small-height, 32px);\n --_small-size: var(--u-common-button-small-height, 40px);\n --_medium-size: var(--u-common-button-medium-height, 56px);\n --_large-size: var(--u-common-button-large-height, 96px);\n --_extra-large-size: var(--u-common-button-extra-large-height, 136px);\n --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem);\n --_small-icon-size: var(--u-icon-button-small-icon-size, 1.25rem);\n --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem);\n --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem);\n --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem);\n --_extra-small-icon-margin: var(--u-icon-button-extra-small-icon-margin, 8px);\n --_small-icon-margin: var(--u-icon-button-small-icon-margin, 8px);\n --_medium-icon-margin: var(--u-icon-button-medium-icon-margin, 8px);\n --_large-icon-margin: var(--u-icon-button-large-icon-margin, 12px);\n --_extra-large-icon-margin: var(--u-icon-button-extra-large-icon-margin, 16px);\n --_extra-small-padding: var(--u-common-button-extra-small-padding, 12px);\n --_small-padding: var(--u-common-button-small-padding, 16px);\n --_medium-padding: var(--u-common-button-medium-padding, 24px);\n --_large-padding: var(--u-common-button-large-padding, 48px);\n --_extra-large-padding: var(--u-common-button-extra-large-padding, 64px);\n --_extra-small-square-shape-corner: var(--u-common-button-extra-small-square-shape-corner, 12px);\n --_small-square-shape-corner: var(--u-common-button-small-square-shape-corner, 12px);\n --_medium-square-shape-corner: var(--u-common-button-medium-square-shape-corner, 16px);\n --_large-square-shape-corner: var(--u-common-button-large-square-shape-corner, 28px);\n --_extra-large-square-shape-corner: var(--u-common-button-extra-large-square-shape-corner, 28px);\n --_extra-small-pressed-shape-corner: var(--u-common-button-extra-small-pressed-shape-corner, 8px);\n --_small-pressed-shape-corner: var(--u-common-button-small-pressed-shape-corner, 8px);\n --_medium-pressed-shape-corner: var(--u-common-button-medium-pressed-shape-corner, 12px);\n --_large-pressed-shape-corner: var(--u-common-button-large-pressed-shape-corner, 16px);\n --_extra-large-pressed-shape-corner: var(--u-common-button-extra-large-pressed-shape-corner, 16px);\n --_font-size: var(--_small-font-size);\n --_font-weight: var(--_small-font-weight);\n --_padding: var(--_small-padding);\n --_icon-margin: var(--_small-icon-margin);\n --_round-shape-corner: var(--u-common-button-round-shape-corner, calc(var(--_size) / 2));\n }\n\n .extra-small {\n --_font-size: var(--_extra-small-font-size);\n --_font-weight: var(--_extra-small-font-weight);\n --_padding: var(--_extra-small-padding);\n --_icon-margin: var(--_extra-small-icon-margin);\n }\n\n .medium {\n --_font-size: var(--_medium-font-size);\n --_font-weight: var(--_medium-font-weight);\n --_padding: var(--_medium-padding);\n --_icon-margin: var(--_medium-icon-margin);\n }\n\n .large {\n --_font-size: var(--_large-font-size);\n --_font-weight: var(--_large-font-weight);\n --_padding: var(--_large-padding);\n --_icon-margin: var(--_large-icon-margin);\n }\n\n .extra-large {\n --_font-size: var(--_extra-large-font-size);\n --_font-weight: var(--_extra-large-font-weight);\n --_padding: var(--_extra-large-padding);\n --_icon-margin: var(--_extra-large-icon-margin);\n }\n\n .container {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-size: var(--_font-size);\n font-weight: var(--_font-weight);\n padding-inline: var(--_padding);\n box-sizing: border-box;\n }\n\n .filled.primary, .filled.primary.selected {\n background-color: var(--u-filled-button-primary-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n .filled.secondary, .filled.secondary.selected {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n .filled.tertiary, .filled.tertiary.selected {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n .filled.error, .filled.error.selected {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n .filled.toggle {\n background-color: var(--u-filled-button-container-unselected-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n color: var(--u-filled-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .tonal {\n background-color: var(--u-tonal-button-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n .tonal.selected {\n background-color: var(--u-tonal-button-container-selected-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-tonal-button-text-selected-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n .elevated {\n background-color: var(--u-elevated-button-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-elevated-button-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n .elevated.selected {\n background-color: var(--u-elevated-button-container-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n color: var(--u-elevated-button-text-selected-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n @media (hover: hover) {\n .filled:hover:not(:focus-within):not(:active),\n .tonal:hover:not(:focus-within):not(:active) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n .text {\n color: var(--u-text-button-text-color, var(--_color-primary));\n }\n\n .outlined {\n color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n }\n .outlined.selected {\n background-color: var(--u-outlined-button-container-selected-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n color: var(--u-outlined-button-text-selected-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n }\n .outlined.disabled {\n border-color: var(--u-outlined-button-disabled-border-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-button-disabled-border-opacity, 12%), transparent)) !important;\n }\n .outlined.disabled:not(.selected) {\n background-color: transparent !important;\n }\n\n .elevated {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n color: var(--u-elevated-button-text-color, var(--_color-primary));\n }\n @media (hover: hover) {\n .elevated:hover {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n\n .container:not(.has-icon) .icon-container {\n display: none;\n }\n\n .content {\n gap: var(--_icon-margin);\n }\n\n .icon {\n font-size: var(--_icon-size);\n }\n\n .trailing-icon .content {\n flex-direction: row-reverse;\n }\n\n #label {\n display: inline-block;\n }\n\n .label {\n display: inline-block;\n inset-inline-start: 0;\n transition-duration: calc(var(--_morph-duration) * 0.7);\n }\n\n .label-container {\n position: relative;\n }\n .label-container.animate {\n transition: width var(--_morph-duration) linear;\n }\n\n .label-default {\n opacity: 1;\n transition-delay: calc(var(--_morph-duration) / 2);\n }\n\n .label-selected {\n position: absolute;\n opacity: 0;\n transition-delay: 0ms;\n }\n\n .selected.has-selection-label .label-default {\n position: absolute;\n opacity: 0;\n transition-delay: 0ms;\n }\n .selected.has-selection-label .label-selected {\n position: static;\n opacity: 1;\n transition-delay: calc(var(--_morph-duration) / 2);\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-color-context.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-color-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,mBAAmB;;CAA2D,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-color-context.js","sourceRoot":"","sources":["../../src/button/fab-menu-color-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAa,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { UmFabColor } from './fab.js';\n\nexport const fabMenuColorContext = createContext<UmFabColor>(Symbol('fabMenuColorContext'));\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-item.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,qBACa,aAAc,SAAQ,YAAY;;IAE7C,OAAgB,MAAM,iCAAiC;IAKvD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;IAIrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IAErC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,OAAO,CAAC,QAAQ,CAAS;IAElC,IACI,MAAM,WAET;IAED,IAAI,MAAM,CAAC,KAAK,QAAA,EAGf;cAEkB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAS/C,cAAc,IAAI,kBAAkB;CAaxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-item.js","sourceRoot":"","sources":["../../src/button/fab-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIzD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,YAAY;IAAxC;;QAGL,WAAM,GAAG,CAAC,CAAC;QAUX;;WAEG;QACS,UAAK,GAAkB,IAAI,CAAC;QAEvB,aAAQ,GAAG,KAAK,CAAC;IAkCpC,CAAC;aAlDiB,WAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhC,CAAiC;IACvD,MAAM,CAAK;IAkBX,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK;QACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3E,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,IAAI,EAAE,IAAI,CAAC,SAAS;YACpB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI;YACnB,UAAU,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;4BAGa,IAAI,CAAC,qBAAqB;;4BAE1B,IAAI,CAAC,KAAK;KACjC,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,CAAQ;QAC5B,IAAI,CAAC,QAAQ,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/F,CAAC;;AA5CgB;IAFhB,OAAO,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC1D,KAAK,EAAE;6CAC6B;AAIpB;IAFhB,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;gDAC6B;AAKzB;IAAX,QAAQ,EAAE;4CAA6B;AAEvB;IAAhB,KAAK,EAAE;+CAA0B;AAGlC;IADC,KAAK,EAAE;2CAGP;AAvBU,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAoDzB","sourcesContent":["import { consume } from '@lit/context';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { fabMenuColorContext } from './fab-menu-color-context.js';\nimport { styles } from './fab-menu-item.styles.js';\nimport { fabMenuOpenContext } from './fab-menu-open-context.js';\nimport { UmFabColor } from './fab.js';\n\n@customElement('u-fab-menu-item')\nexport class UmFabMenuItem extends UmButtonBase {\n\n static override styles = [UmButtonBase.styles, styles];\n #index = 0;\n\n @consume({ context: fabMenuColorContext, subscribe: true })\n @state()\n private readonly _color!: UmFabColor;\n\n @consume({ context: fabMenuOpenContext, subscribe: true })\n @state()\n private readonly _menuOpen!: boolean;\n\n /**\n * The text to display the FAB menu item.\n */\n @property() label: string | null = null;\n\n @state() private _hasIcon = false;\n\n @state()\n get _index() {\n return this.#index;\n }\n\n set _index(value) {\n this.#index = value;\n this.style.setProperty('--_animation-delay-increment', value.toString());\n }\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n open: this._menuOpen,\n [this._color]: true,\n 'has-icon': this._hasIcon,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n return html`\n <span class=\"clipper\"></span>\n <span class=\"icon\" aria-hidden=\"true\">\n <slot @slotchange=${this.#handleIconSlotChange}></slot>\n </span>\n <span class=\"label\">${this.label}</span>\n `;\n }\n\n #handleIconSlotChange(e: Event) {\n this._hasIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-fab-menu-item': UmFabMenuItem;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-item.styles.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+ElB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-item.styles.js","sourceRoot":"","sources":["../../src/button/fab-menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\n --_animation-duration: 225ms;\n --_height: var(--u-fab-menu-item-height, 56px);\n height: var(--_height);\n border-radius: calc(var(--_height) / 2);\n padding-inline: var(--u-fab-menu-item-padding, 24px);\n opacity: 0;\n transition: opacity var(--_animation-duration) linear;\n }\n .container:not(.has-icon) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--u-fab-icon-size, 1.5rem);\n margin-inline-end: var(--u-fab-menu-item-icon-margin, 8px);\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-fab-menu-item-label-line-height, var(--u-title-m-line-height, 1.5rem));\n font-size: var(--u-fab-menu-item-label-font-size, var(--u-title-m-font-size, 1rem));\n letter-spacing: var(--u-fab-menu-item-label-letter-spacing, var(--u-title-m-letter-spacing, 0.009375rem));\n font-weight: var(--u-fab-menu-item-label-font-weight, var(--u-title-m-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .primary {\n background-color: var(--u-fab-menu-item-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n color: var(--u-fab-menu-item-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n }\n\n .secondary {\n background-color: var(--u-fab-menu-item-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-fab-menu-item-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n .tertiary {\n background-color: var(--u-fab-menu-item-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n color: var(--u-fab-menu-item-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n }\n\n .clipper {\n animation: clip-out var(--_animation-duration) forwards linear;\n }\n\n .open {\n opacity: 1;\n transition-delay: calc(75ms * var(--_animation-delay-increment, 0));\n }\n .open .clipper {\n animation-name: clip-in;\n }\n .open .clipper {\n animation-delay: calc(75ms * var(--_animation-delay-increment, 0));\n }\n\n @keyframes clip-in {\n 0% {\n margin-inline-start: -32px;\n }\n 25% {\n margin-inline-start: -8px;\n }\n 50% {\n margin-inline-start: 16px;\n }\n 100% {\n margin-inline-start: 0;\n }\n }\n @keyframes clip-out {\n 0% {\n margin-inline-start: 0;\n }\n 100% {\n margin-inline-start: -32px;\n }\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-open-context.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu-open-context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;CAAuD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu-open-context.js","sourceRoot":"","sources":["../../src/button/fab-menu-open-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAU,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nexport const fabMenuOpenContext = createContext<boolean>(Symbol('fabMenuOpenContext'));\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQ3D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEjD,qBACa,SAAU,SAAQ,UAAU;;IAEvC,OAAgB,MAAM,4BAAY;IAElC;;OAEG;IAGH,KAAK,EAAE,UAAU,CAAa;IAE9B;;OAEG;IACS,IAAI,EAAE,SAAS,CAAY;IAEvC;;OAEG;IACyC,OAAO,UAAS;IAI5D,IAAI,UAAS;cAEM,MAAM,IAAI,kBAAkB;CAmDhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu.js","sourceRoot":"","sources":["../../src/button/fab-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIvC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIL;;WAEG;QAGH,UAAK,GAAe,SAAS,CAAC;QAE9B;;WAEG;QACS,SAAI,GAAc,QAAQ,CAAC;QAEvC;;WAEG;QACyC,YAAO,GAAG,KAAK,CAAC;QAI5D,SAAI,GAAG,KAAK,CAAC;IAqDf,CAAC;aA1EiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAuBf,MAAM;QACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;8BACe,gBAAgB;;8BAEhB,IAAI,CAAC,0BAA0B;;gDAEb,IAAI,CAAC,IAAI;;;qBAGpC,IAAI,CAAC,KAAK;uBACR,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;qBAC/B,IAAI,CAAC,OAAO;;;;;;;;;;;;;;;;;KAiB5B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,0BAA0B,CAAC,KAAY;QACrC,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvF,IAAI,KAAK,GAAG,CAAC,CAAC;QAEd,KAAK,MAAM,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACjF,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;YACvB,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC;;AAlED;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IACzC,QAAQ,EAAE;wCACmB;AAKlB;IAAX,QAAQ,EAAE;uCAA4B;AAKK;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAiB;AAI5D;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IACxC,KAAK,EAAE;uCACK;AAvBF,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA4ErB","sourcesContent":["import { provide } from '@lit/context';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { fabMenuColorContext } from './fab-menu-color-context.js';\nimport { UmFabMenuItem } from './fab-menu-item.js';\nimport { fabMenuOpenContext } from './fab-menu-open-context.js';\nimport { styles } from './fab-menu.styles.js';\nimport { UmFabColor, UmFabSize } from './fab.js';\n\n@customElement('u-fab-menu')\nexport class UmFabMenu extends LitElement {\n\n static override styles = [styles];\n\n /**\n * The FAB color variant to render.\n */\n @provide({ context: fabMenuColorContext })\n @property()\n color: UmFabColor = 'primary';\n\n /**\n * The size of the FAB.\n */\n @property() size: UmFabSize = 'medium';\n\n /**\n * Lowers the FAB's elevation.\n */\n @property({ type: Boolean, reflect: true }) lowered = false;\n\n @provide({ context: fabMenuOpenContext })\n @state()\n open = false;\n\n protected override render(): HTMLTemplateResult {\n const containerClasses = classMap({\n open: this.open,\n [this.color]: true,\n });\n\n return html`\n <div class=\"container ${containerClasses}\">\n <div class=\"menu-items\">\n <slot @slotchange=${this.#handleIconItemsSlotChange}></slot>\n </div>\n <u-fab class=\"toggle-container\" .size=${this.size}>\n <u-fab \n class=\"toggle\"\n .color=${this.color}\n .lowered=${this.lowered}\n .size=${this.open ? 'medium' : this.size}\n @click=${this.#toggle}>\n <span class=\"icon-container\" aria-hidden=\"true\">\n <span class=\"icon icon-default\">\n <slot name=\"icon\"></slot>\n </span>\n <span class=\"icon icon-close\">\n <slot name=\"close-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n <path\n d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\" />\n </svg>\n </slot>\n </span>\n </span>\n </u-fab>\n </u-fab>\n </div>\n `;\n }\n\n #toggle(): void {\n this.open = !this.open;\n }\n\n #handleIconItemsSlotChange(event: Event) {\n const elements = (event.target as HTMLSlotElement).assignedElements({ flatten: true });\n\n let index = 0;\n\n for (const element of elements.filter(e => e instanceof UmFabMenuItem).reverse()) {\n element._index = index;\n index++;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-fab-menu': UmFabMenu;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu.styles.d.ts","sourceRoot":"","sources":["../../src/button/fab-menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8IlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab-menu.styles.js","sourceRoot":"","sources":["../../src/button/fab-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_fab-menu-morph-duration: var(--u-fab-menu-morph-duration, 175ms);\n --u-button-morph-duration: var(--_fab-menu-morph-duration);\n display: inline-block;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n }\n\n .menu-items {\n display: flex;\n align-items: flex-end;\n flex-direction: column;\n gap: var(--u-fab-menu-item-margin, 4px);\n pointer-events: none;\n }\n\n .toggle-container {\n position: relative;\n }\n .toggle-container * {\n pointer-events: auto;\n }\n .toggle-container::part(container) {\n --u-elevation-level: 0 !important;\n background: transparent !important;\n }\n\n .toggle {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n margin-top: var(--u-fab-menu-toggle-margin, 8px);\n }\n .toggle::part(container) {\n transition: width var(--_fab-menu-morph-duration), height var(--_fab-menu-morph-duration), background-color var(--_fab-menu-morph-duration) linear, border-radius var(--_fab-menu-morph-duration) linear, color var(--_fab-menu-morph-duration) linear;\n }\n\n .icon-container {\n position: relative;\n height: 1px;\n }\n\n .icon {\n --_scale: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transform: translate3d(-50%, -50%, 0) scale(var(--_scale));\n transition: opacity, transform;\n transition-duration: calc(var(--_fab-menu-morph-duration) * 0.75);\n }\n\n .icon-default {\n --_scale: 1;\n opacity: 1;\n transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5);\n }\n\n .icon-close {\n --_scale: .5;\n opacity: 0;\n transition-delay: 0ms;\n }\n\n .open .menu-items {\n display: flex;\n pointer-events: auto;\n }\n .open .toggle::part(container) {\n border-radius: 50%;\n }\n .open .icon-default {\n --_scale: .5;\n opacity: 0;\n transition-delay: 0ms;\n }\n .open .icon-close {\n --_scale: 1;\n opacity: 1;\n transition-delay: calc(var(--_fab-menu-morph-duration) * 0.5);\n }\n .open.primary {\n --u-fab-primary-container-color: var(--u-fab-menu-toggle-primary-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n --u-fab-primary-text-color: var(--u-fab-menu-toggle-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n .open.secondary {\n --u-fab-secondary-container-color: var(--u-fab-menu-toggle-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n --u-fab-secondary-text-color: var(--u-fab-menu-toggle-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n .open.tertiary {\n --u-fab-tertiary-container-color: var(--u-fab-menu-toggle-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n --u-fab-tertiary-text-color: var(--u-fab-menu-toggle-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n\n ::slotted(u-fab-menu-item) {\n --_animation-delay: $i * 50ms;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,qBACa,KAAM,SAAQ,YAAY;IAErC,OAAgB,MAAM,iCAAiC;IAEvD;;OAEG;IACS,KAAK,EAAE,UAAU,CAAa;IAE1C;;OAEG;IACS,IAAI,EAAE,SAAS,CAAY;IAEvC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC;;OAEG;IACyC,OAAO,UAAS;IAE5D,IAAI,QAAQ,IAAI,OAAO,CAEtB;cAEkB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAU/C,cAAc,IAAI,kBAAkB;CAQxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,OAAO,EAAE,KAAK,CAAC;KAChB;CACF"}
package/button/fab.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAMlC,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,YAAY;IAAhC;;QAIL;;WAEG;QACS,UAAK,GAAe,SAAS,CAAC;QAE1C;;WAEG;QACS,SAAI,GAAc,QAAQ,CAAC;QAEvC;;WAEG;QACS,UAAK,GAAkB,IAAI,CAAC;QAExC;;WAEG;QACyC,YAAO,GAAG,KAAK,CAAC;IAwB9D,CAAC;aA5CiB,WAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhC,CAAiC;IAsBvD,IAAI,QAAQ;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAC;QAElD,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;KAClC,CAAC;IACJ,CAAC;;AAtCW;IAAX,QAAQ,EAAE;oCAA+B;AAK9B;IAAX,QAAQ,EAAE;mCAA4B;AAK3B;IAAX,QAAQ,EAAE;oCAA6B;AAKI;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAiB;AAtBjD,KAAK;IADjB,aAAa,CAAC,OAAO,CAAC;GACV,KAAK,CA8CjB","sourcesContent":["import { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { styles } from './fab.styles.js';\n\nexport type UmFabColor = 'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded';\nexport type UmFabSize = 'small' | 'medium' | 'large';\n\n@customElement('u-fab')\nexport class UmFab extends UmButtonBase {\n\n static override styles = [UmButtonBase.styles, styles];\n\n /**\n * The FAB color variant to render.\n */\n @property() color: UmFabColor = 'primary';\n\n /**\n * The size of the FAB.\n */\n @property() size: UmFabSize = 'medium';\n\n /**\n * The text to display the FAB.\n */\n @property() label: string | null = null;\n\n /**\n * Lowers the FAB's elevation.\n */\n @property({ type: Boolean, reflect: true }) lowered = false;\n\n get extended(): boolean {\n return !!this.label;\n }\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.color]: true,\n [this.size]: true,\n lowered: this.lowered,\n extended: this.extended,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n const labelTag = html`<span>${this.label}</span>`;\n\n return html`\n <span class=\"icon\" aria-hidden=\"true\"><slot></slot></span>\n ${this.label ? labelTag : nothing}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-fab': UmFab;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab.styles.d.ts","sourceRoot":"","sources":["../../src/button/fab.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgFlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"fab.styles.js","sourceRoot":"","sources":["../../src/button/fab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\n --u-elevation-level: var(--u-fab-elevation-level, 3);\n aspect-ratio: 1;\n }\n @media (hover: hover) {\n .container:hover:not(:focus-within):not(:active) {\n --u-elevation-level: var(--u-fab-hover-elevation-level, 4);\n }\n }\n\n .lowered {\n --u-elevation-level: var(--u-fab-elevation-level, 1);\n }\n @media (hover: hover) {\n .lowered:hover:not(:focus-within):not(:active) {\n --u-elevation-level: var(--u-fab-elevation-level, 2);\n }\n }\n\n .small {\n width: var(--u-fab-small-size, 40px);\n border-radius: var(--u-fab-small-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n .large {\n width: var(--u-fab-large-size, 96px);\n border-radius: var(--u-fab-large-shape-corner, var(--u-shape-corner-extra-large, 28px));\n }\n .large .icon {\n font-size: var(--u-fab-large-icon-size, 2rem);\n }\n\n .extended,\n .medium {\n width: var(--u-fab-medium-size, 56px);\n border-radius: var(--u-fab-medium-shape-corner, var(--u-shape-corner-large, 16px));\n }\n\n .extended .icon,\n .small .icon,\n .medium .icon {\n font-size: var(--u-fab-icon-size, 1.5rem);\n }\n\n .extended {\n width: auto;\n height: var(--u-extended-fab-height, 56px);\n aspect-ratio: auto;\n min-width: var(--u-extended-fab-min-width, 80px);\n padding-inline: var(--u-extended-fab-padding, 16px 24px);\n }\n .extended .icon {\n margin-inline-end: var(--u-extended-fab-icon-margin, 12px);\n }\n\n .primary {\n background-color: var(--u-fab-primary-container-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n color: var(--u-fab-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n }\n\n .secondary {\n background-color: var(--u-fab-secondary-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-fab-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n .tertiary {\n background-color: var(--u-fab-tertiary-container-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n color: var(--u-fab-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n }\n\n .branded,\n .surface {\n background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n color: var(--u-fab-surface-text-color, var(--_color-primary));\n }\n .branded.lowered,\n .surface.lowered {\n background-color: var(--u-fab-surface-container-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,qBACa,YAAa,SAAQ,cAAc;IAE9C,OAAgB,MAAM,iCAAmC;IAE7C,OAAO,EAAE,mBAAmB,CAAc;IAC1C,KAAK,EAAE,iBAAiB,CAAa;cAE9B,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;CAaxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAM7C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,cAAc;IAAzC;;QAIO,YAAO,GAAwB,UAAU,CAAC;QAC1C,UAAK,GAAsB,SAAS,CAAC;IAuBnD,CAAC;aA1BiB,WAAM,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,AAAlC,CAAmC;IAKtC,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;YACpB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAE/B,OAAO,IAAI,CAAA;;;;;;+CAMgC,IAAI,CAAC,6BAA6B;;;KAG5E,CAAC;IACJ,CAAC;;AAvBW;IAAX,QAAQ,EAAE;6CAA2C;AAC1C;IAAX,QAAQ,EAAE;2CAAsC;AALtC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA4BxB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './icon-button.styles.js';\nimport { UmToggleButton } from './toggle-button.js';\n\nexport type UmIconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';\nexport type UmIconButtonWidth = 'default' | 'narrow' | 'wide';\n\n@customElement('u-icon-button')\nexport class UmIconButton extends UmToggleButton {\n\n static override styles = [UmToggleButton.styles, styles];\n\n @property() variant: UmIconButtonVariant = 'standard';\n @property() width: UmIconButtonWidth = 'default';\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.variant]: true,\n [this.width]: true,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n\n return html`\n <span class=\"icon-container\" aria-hidden=\"true\">\n <span class=\"icon icon-default\">\n <slot></slot>\n </span>\n <span class=\"icon icon-selected\">\n <slot name=\"selected\" @slotchange=\"${this._handleSelectedIconSlotChange}\"></slot>\n </span>\n </span>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-icon-button': UmIconButton;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgHlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../src/button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_round-shape-corner: var(--u-icon-button-round-shape-corner, calc(var(--_size) / 2));\n --_square-shape-corner: var(--u-icon-button-square-shape-corner, 12px);\n --_extra-small-size: var(--u-icon-button-extra-small-size, 32px);\n --_small-size: var(--u-icon-button-small-size, 40px);\n --_medium-size: var(--u-icon-button-medium-size, 56px);\n --_large-size: var(--u-icon-button-large-size, 96px);\n --_extra-large-size: var(--u-icon-button-extra-large-size, 136px);\n --_extra-small-narrow-width: var(--u-icon-button-extra-small-narrow-width, 28px);\n --_small-narrow-width: var(--u-icon-button-small-narrow-width, 32px);\n --_medium-narrow-width: var(--u-icon-button-medium-narrow-width, 48px);\n --_large-narrow-width: var(--u-icon-button-large-narrow-width, 64px);\n --_extra-large-narrow-width: var(--u-icon-button-extra-large-narrow-width, 104px);\n --_extra-small-wide-width: var(--u-icon-button-extra-small-wide-width, 40px);\n --_small-wide-width: var(--u-icon-button-small-wide-width, 52px);\n --_medium-wide-width: var(--u-icon-button-medium-wide-width, 72px);\n --_large-wide-width: var(--u-icon-button-large-wide-width, 128px);\n --_extra-large-wide-width: var(--u-icon-button-extra-large-wide-width, 184px);\n --_extra-small-icon-size: var(--u-icon-button-extra-small-icon-size, 1.25rem);\n --_small-icon-size: var(--u-icon-button-small-icon-size, 1.5rem);\n --_medium-icon-size: var(--u-icon-button-medium-icon-size, 1.5rem);\n --_large-icon-size: var(--u-icon-button-large-icon-size, 2rem);\n --_extra-large-icon-size: var(--u-icon-button-extra-large-icon-size, 2.5rem);\n --_extra-small-square-shape-corner: var(--u-icon-button-extra-small-square-shape-corner, 12px);\n --_small-square-shape-corner: var(--u-icon-button-small-square-shape-corner, 12px);\n --_medium-square-shape-corner: var(--u-icon-button-medium-square-shape-corner, 16px);\n --_large-square-shape-corner: var(--u-icon-button-large-square-shape-corner, 28px);\n --_extra-large-square-shape-corner: var(--u-icon-button-extra-large-square-shape-corner, 28px);\n --_extra-small-pressed-shape-corner: var(--u-icon-button-extra-small-pressed-shape-corner, 8px);\n --_small-pressed-shape-corner: var(--u-icon-button-small-pressed-shape-corner, 8px);\n --_medium-pressed-shape-corner: var(--u-icon-button-medium-pressed-shape-corner, 12px);\n --_large-pressed-shape-corner: var(--u-icon-button-large-pressed-shape-corner, 16px);\n --_extra-large-pressed-shape-corner: var(--u-icon-button-extra-large-pressed-shape-corner, 16px);\n --_narrow-width: var(--_small-narrow-width);\n --_wide-width: var(--_small-wide-width);\n }\n\n .container {\n width: var(--_size);\n height: var(--_size);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n }\n\n .extra-small {\n --_narrow-width: var(--_extra-small-narrow-width);\n --_wide-width: var(--_extra-small-wide-width);\n }\n\n .medium {\n --_narrow-width: var(--_medium-narrow-width);\n --_wide-width: var(--_medium-wide-width);\n }\n\n .large {\n --_narrow-width: var(--_large-narrow-width);\n --_wide-width: var(--_large-wide-width);\n }\n\n .extra-large {\n --_narrow-width: var(--_extra-large-narrow-width);\n --_wide-width: var(--_extra-large-wide-width);\n }\n\n .narrow {\n width: var(--_narrow-width);\n }\n\n .wide {\n width: var(--_wide-width);\n }\n\n .filled, .filled.selected {\n background-color: var(--u-filled-icon-button-container-color, var(--u-color-primary, rgb(103, 80, 164)));\n color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n .filled.toggle {\n background-color: var(--u-filled-icon-button-unselected-container-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n color: var(--u-filled-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .tonal {\n background-color: var(--u-total-icon-button-unselected-container-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n .tonal.selected {\n background-color: var(--u-tonal-icon-button-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n .standard {\n color: var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n .standard.selected {\n color: var(--u-standard-icon-button-selected-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n background-color: var(--u-standard-icon-button-selected-container-color, transparent);\n }\n\n .outlined {\n color: var(--u-outlined-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n .outlined, .outlined.selected.disabled {\n border: 1px solid var(--u-color-outline-variant, rgb(202, 196, 208));\n }\n .outlined.selected {\n border: none;\n background-color: var(--u-outlined-icon-button-selected-container-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n }\n .outlined.disabled {\n color: var(--u-outlined-icon-button-disabled-icon-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-outlined-icon-button-disabled-border-opacity, 10%), transparent)) !important;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAExF,8BAAsB,cAAe,SAAQ,YAAY;IAEvD,OAAgB,MAAM,EAAE,cAAc,CAAiC;IAEvE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACoE,WAAW,UAAS;IAE3F;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IAC0B,KAAK,EAAE,aAAa,CAAW;IAE5D;;OAEG;IAC0B,IAAI,EAAE,YAAY,CAAW;IAE1D;;OAEG;IAC6C,iBAAiB,SAAM;IAE9D,iBAAiB,UAAS;cAEhB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAY/C,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAW5C,YAAY,IAAI,MAAM,GAAG,IAAI;IAMtC,SAAS,CAAC,6BAA6B,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;CAGxD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,MAAM,OAAgB,cAAe,SAAQ,YAAY;IAAzD;;QAIE;;;WAGG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACoE,gBAAW,GAAG,KAAK,CAAC;QAE3F;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;WAEG;QAC0B,UAAK,GAAkB,OAAO,CAAC;QAE5D;;WAEG;QAC0B,SAAI,GAAiB,OAAO,CAAC;QAE1D;;WAEG;QAC6C,sBAAiB,GAAG,EAAE,CAAC;QAE9D,sBAAiB,GAAG,KAAK,CAAC;IAkCrC,CAAC;aAnEiB,WAAM,GAAmB,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhD,CAAiD;IAmCpD,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,cAAc,EAAE,IAAI,CAAC,WAAW;YAChC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;SACzC,CAAC;IACJ,CAAC;IAEkB,YAAY,CAAC,KAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,YAAY,EAAE;YAChD,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,CAAC;IAES,6BAA6B,CAAC,CAAQ;QAC9C,IAAI,CAAC,iBAAiB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACxG,CAAC;;AA5D2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAgB;AAKY;IAAtE,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAqB;AAK/C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAkB;AAKhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAgC;AAK/B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAA8B;AAKV;IAA/C,QAAQ,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;yDAAwB;AAE9D;IAAR,KAAK,EAAE;yDAA2B","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { property, state } from 'lit/decorators.js';\n\nimport { UmButtonBase } from './button-base.js';\nimport { styles } from './toggle-button.styles.js';\n\nexport type UmButtonShape = 'round' | 'square';\nexport type UmButtonSize = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n\nexport abstract class UmToggleButton extends UmButtonBase {\n\n static override styles: CSSResultGroup = [UmButtonBase.styles, styles];\n\n /**\n * When true, the button will toggle between selected and unselected\n * states\n */\n @property({ type: Boolean, reflect: true }) toggle = false;\n\n /**\n * When true, the button will toggle between round and square shapes\n */\n @property({ attribute: 'toggle-shape', type: Boolean, reflect: true }) toggleShape = false;\n\n /**\n * Sets the selected state\n */\n @property({ type: Boolean, reflect: true }) selected = false;\n\n /**\n * Sets the shape of the button\n */\n @property({ reflect: true }) shape: UmButtonShape = 'round';\n\n /**\n * Sets the size of the button\n */\n @property({ reflect: true }) size: UmButtonSize = 'small';\n\n /**\n * The `aria-label` of the button when the button is toggleable and selected.\n */\n @property({ attribute: 'aria-label-selected' }) ariaLabelSelected = '';\n\n @state() _hasSelectionIcon = false;\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.shape]: true,\n [this.size]: true,\n selected: this.selected,\n toggle: this.toggle,\n 'toggle-shape': this.toggleShape,\n 'selection-icon': this._hasSelectionIcon,\n };\n }\n\n protected override _handleClick(event: UIEvent): void {\n super._handleClick(event);\n\n if (!this.toggle) {\n return;\n }\n\n this.selected = !this.selected;\n this.dispatchEvent(new Event('change', { bubbles: true }));\n }\n\n override getAriaLabel(): string | null {\n return this.selected\n ? this.ariaLabelSelected || super.getAriaLabel()\n : super.getAriaLabel();\n }\n\n protected _handleSelectedIconSlotChange(e: Event): void {\n this._hasSelectionIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-button.styles.d.ts","sourceRoot":"","sources":["../../src/button/toggle-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8FlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../src/button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_size: var(--_small-size);\n --_square-shape-corner: var(--_small-square-shape-corner);\n --_pressed-shape-corner: var(--_small-pressed-shape-corner);\n --_icon-size: var(--_small-icon-size);\n }\n\n .extra-small {\n --_size: var(--_extra-small-size);\n --_icon-size: var(--_extra-small-icon-size);\n --_square-shape-corner: var(--_extra-small-square-shape-corner);\n --_pressed-shape-corner: var(--_extra-small-pressed-shape-corner);\n }\n\n .medium {\n --_size: var(--_medium-size);\n --_icon-size: var(--_medium-icon-size);\n --_square-shape-corner: var(--_medium-square-shape-corner);\n --_pressed-shape-corner: var(--_medium-pressed-shape-corner);\n }\n\n .large {\n --_size: var(--_large-size);\n --_icon-size: var(--_large-icon-size);\n --_square-shape-corner: var(--_large-square-shape-corner);\n --_pressed-shape-corner: var(--_large-pressed-shape-corner);\n }\n\n .extra-large {\n --_size: var(--_extra-large-size);\n --_icon-size: var(--_extra-large-icon-size);\n --_square-shape-corner: var(--_extra-large-square-shape-corner);\n --_pressed-shape-corner: var(--_extra-large-pressed-shape-corner);\n }\n\n .container {\n height: var(--_size);\n }\n\n .round {\n border-radius: var(--_round-shape-corner);\n }\n\n .square {\n border-radius: var(--_square-shape-corner);\n }\n\n .selected.toggle-shape.round {\n border-radius: var(--_square-shape-corner);\n }\n .selected.toggle-shape.square {\n border-radius: var(--_round-shape-corner);\n }\n\n :host(:active) .toggle-shape:not(.disabled) {\n border-radius: var(--_pressed-shape-corner);\n }\n\n .icon-container {\n position: relative;\n width: var(--_icon-size);\n height: 1px;\n }\n\n .icon-default {\n opacity: 1;\n }\n\n .icon-selected {\n opacity: 0;\n transition-delay: calc(var(--_morph-duration) / 2);\n }\n\n .selected.selection-icon .icon-default {\n opacity: 0;\n transition-delay: 0ms;\n }\n .selected.selection-icon .icon-selected {\n opacity: 1;\n transition-delay: calc(var(--_morph-duration) / 2);\n }\n\n .icon {\n position: absolute;\n top: 50%;\n left: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n transform: translate3d(-50%, -50%, 0);\n transition: opacity var(--_morph-duration) linear;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-field.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAG/E,qBACa,aAAc,SAAQ,eAAe;IAChD,OAAgB,MAAM,iCAAoC;IAE1D,SAAS,CAAC,MAAM,SAAM;IACtB,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAEuB,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;cAEzB,aAAa,IAAI,cAAc;cAa/B,kBAAkB,IAAI,cAAc;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-field.js","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,eAAe;IAA3C;;QAGK,WAAM,GAAG,EAAE,CAAC;IAmCxB,CAAC;aArCiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAI1D,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAKkB,aAAa;QAC9B,OAAO,UAAU,CAAA;;;;;qBAKA,IAAI,CAAC,QAAQ;;gBAElB,IAAI,CAAC,KAAK;;4BAEE,IAAI,CAAC,QAAQ,cAAc,CAAC;IACtD,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAhCD;IADC,QAAQ,EAAE;0CAGV;AAQuB;IAAvB,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC;8CAA6B;AAC7B;IAAtB,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC;6CAAsB;AAhBjC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsCzB","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './button-field.styles.js';\n\n@customElement('u-button-field')\nexport class UmButtonField extends UmTextFieldBase {\n static override styles = [UmTextFieldBase.styles, styles];\n\n protected _value = '';\n @property()\n get value() {\n return this._value;\n }\n\n set value(value: string) {\n this._value = value;\n this.empty = !value;\n this.elementInternals.setFormValue(value);\n }\n\n @query('.button', true) _button!: HTMLButtonElement;\n @query('.input', true) _input!: HTMLElement;\n\n protected override renderControl(): TemplateResult {\n return staticHtml`\n <button \n class=\"button\"\n aria-expanded=\"false\"\n aria-owns=\"select\"\n ?disabled=${this.disabled}></button>\n <div class=\"input\">\n <slot>${this.value}</slot>\n </div>\n <u-ripple ?disabled=${this.disabled}></u-ripple>`;\n }\n\n protected override renderAfterContent(): TemplateResult {\n return html`\n <u-menu>\n <slot></slot>\n </u-menu>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-button-field': UmButtonField;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-field.styles.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAclB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-field.styles.js","sourceRoot":"","sources":["../../src/button-field/button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;CAczB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host(:not([disabled])) .container {\n cursor: pointer;\n }\n\n .button {\n position: absolute;\n inset: 0;\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n appearance: none;\n }\n`;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar-adapter.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-adapter.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;CAC9B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar-adapter.js","sourceRoot":"","sources":["../../src/calendar/calendar-adapter.ts"],"names":[],"mappings":"","sourcesContent":["export interface CalendarAdapter {\n getWeekDays(locale: string): string[];\n getDay(date: Date): string;\n getMonth(date: Date): string;\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,8BAAsB,cAAe,SAAQ,UAAU;;IACrD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAEzC,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,CAAQ;IACnD,gBAAgB,UAAS;IAEtD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAGpB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAGQ,oBAAoB,EAAE,IAAI,CAAC;IAExB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,MAAM,CAAsB;IAC1C,OAAO,yBAAgC;IAEvC,SAAS;IAWA,iBAAiB;IAejB,MAAM,IAAI,kBAAkB;IAwGrC,SAAS,CAAC,oBAAoB,IAAI,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG,IAAI;IAIlF,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAChD,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE/E,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAQpD,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAenD,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAqB9D"}