igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2

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 (374) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/animations/player.d.ts +1 -1
  3. package/animations/player.js.map +1 -1
  4. package/components/avatar/avatar.d.ts +1 -0
  5. package/components/avatar/avatar.js +9 -12
  6. package/components/avatar/avatar.js.map +1 -1
  7. package/components/badge/badge.d.ts +1 -0
  8. package/components/badge/badge.js +9 -12
  9. package/components/badge/badge.js.map +1 -1
  10. package/components/banner/banner.js +6 -9
  11. package/components/banner/banner.js.map +1 -1
  12. package/components/button/button.d.ts +1 -0
  13. package/components/button/button.js +9 -12
  14. package/components/button/button.js.map +1 -1
  15. package/components/button/icon-button.d.ts +1 -0
  16. package/components/button/icon-button.js +9 -12
  17. package/components/button/icon-button.js.map +1 -1
  18. package/components/button-group/button-group.js +6 -9
  19. package/components/button-group/button-group.js.map +1 -1
  20. package/components/button-group/toggle-button.d.ts +1 -0
  21. package/components/button-group/toggle-button.js +6 -6
  22. package/components/button-group/toggle-button.js.map +1 -1
  23. package/components/calendar/calendar.d.ts +1 -0
  24. package/components/calendar/calendar.js +11 -17
  25. package/components/calendar/calendar.js.map +1 -1
  26. package/components/calendar/days-view/days-view.js +3 -3
  27. package/components/calendar/days-view/days-view.js.map +1 -1
  28. package/components/calendar/months-view/months-view.js +3 -3
  29. package/components/calendar/months-view/months-view.js.map +1 -1
  30. package/components/calendar/themes/calendar.base.css.js +1 -1
  31. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  32. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  33. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  34. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  35. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  36. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  37. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  38. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  39. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  40. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  41. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  42. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  43. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  44. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  45. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  46. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  47. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  48. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  49. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  50. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  51. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  52. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  53. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  54. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  55. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  56. package/components/calendar/years-view/years-view.js +3 -3
  57. package/components/calendar/years-view/years-view.js.map +1 -1
  58. package/components/card/card.actions.d.ts +1 -0
  59. package/components/card/card.actions.js +9 -12
  60. package/components/card/card.actions.js.map +1 -1
  61. package/components/card/card.content.d.ts +1 -0
  62. package/components/card/card.content.js +8 -14
  63. package/components/card/card.content.js.map +1 -1
  64. package/components/card/card.d.ts +1 -0
  65. package/components/card/card.header.d.ts +1 -0
  66. package/components/card/card.header.js +8 -14
  67. package/components/card/card.header.js.map +1 -1
  68. package/components/card/card.js +10 -13
  69. package/components/card/card.js.map +1 -1
  70. package/components/carousel/carousel-indicator-container.d.ts +1 -0
  71. package/components/carousel/carousel-indicator-container.js +8 -17
  72. package/components/carousel/carousel-indicator-container.js.map +1 -1
  73. package/components/carousel/carousel.d.ts +4 -6
  74. package/components/carousel/carousel.js +36 -60
  75. package/components/carousel/carousel.js.map +1 -1
  76. package/components/checkbox/checkbox.d.ts +1 -1
  77. package/components/checkbox/checkbox.js +10 -14
  78. package/components/checkbox/checkbox.js.map +1 -1
  79. package/components/checkbox/switch.d.ts +1 -0
  80. package/components/checkbox/switch.js +9 -18
  81. package/components/checkbox/switch.js.map +1 -1
  82. package/components/chip/chip.js +6 -9
  83. package/components/chip/chip.js.map +1 -1
  84. package/components/combo/combo-header.d.ts +1 -0
  85. package/components/combo/combo-header.js +8 -14
  86. package/components/combo/combo-header.js.map +1 -1
  87. package/components/combo/combo-item.d.ts +1 -0
  88. package/components/combo/combo-item.js +9 -12
  89. package/components/combo/combo-item.js.map +1 -1
  90. package/components/combo/combo.js +2 -2
  91. package/components/combo/combo.js.map +1 -1
  92. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  93. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  94. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  95. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  96. package/components/combo/themes/light/combo.shared.css.js +1 -1
  97. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  98. package/components/common/context.d.ts +1 -5
  99. package/components/common/context.js +1 -2
  100. package/components/common/context.js.map +1 -1
  101. package/components/common/definitions/defineAllComponents.js +0 -2
  102. package/components/common/definitions/defineAllComponents.js.map +1 -1
  103. package/components/common/mixins/alert.d.ts +7 -8
  104. package/components/common/mixins/alert.js +23 -34
  105. package/components/common/mixins/alert.js.map +1 -1
  106. package/components/date-picker/date-picker.d.ts +1 -1
  107. package/components/date-picker/date-picker.js +7 -9
  108. package/components/date-picker/date-picker.js.map +1 -1
  109. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  110. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  111. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  112. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  113. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  114. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  115. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  116. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  117. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  118. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  119. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  120. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  121. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  122. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  123. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  124. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  125. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  126. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  127. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  128. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  129. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  130. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  131. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  132. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  133. package/components/date-range-picker/date-range-picker.d.ts +1 -1
  134. package/components/date-range-picker/date-range-picker.js +5 -7
  135. package/components/date-range-picker/date-range-picker.js.map +1 -1
  136. package/components/date-range-picker/predefined-ranges-area.d.ts +1 -0
  137. package/components/date-range-picker/predefined-ranges-area.js +9 -12
  138. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  139. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  140. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  141. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  142. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  143. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  144. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  145. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  146. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  147. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  148. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  149. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  150. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  151. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  152. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  153. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  154. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  155. package/components/dialog/dialog.d.ts +1 -0
  156. package/components/dialog/dialog.js +12 -12
  157. package/components/dialog/dialog.js.map +1 -1
  158. package/components/divider/divider.d.ts +1 -0
  159. package/components/divider/divider.js +18 -21
  160. package/components/divider/divider.js.map +1 -1
  161. package/components/dropdown/dropdown-group.js +6 -9
  162. package/components/dropdown/dropdown-group.js.map +1 -1
  163. package/components/dropdown/dropdown-header.d.ts +1 -0
  164. package/components/dropdown/dropdown-header.js +8 -14
  165. package/components/dropdown/dropdown-header.js.map +1 -1
  166. package/components/dropdown/dropdown-item.d.ts +1 -0
  167. package/components/dropdown/dropdown-item.js +8 -14
  168. package/components/dropdown/dropdown-item.js.map +1 -1
  169. package/components/dropdown/dropdown.js +2 -2
  170. package/components/dropdown/dropdown.js.map +1 -1
  171. package/components/dropdown/themes/item.js +7 -0
  172. package/components/dropdown/themes/item.js.map +1 -1
  173. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js +3 -0
  174. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map +1 -0
  175. package/components/expansion-panel/expansion-panel.js +7 -10
  176. package/components/expansion-panel/expansion-panel.js.map +1 -1
  177. package/components/file-input/file-input.d.ts +1 -1
  178. package/components/file-input/file-input.js +18 -21
  179. package/components/file-input/file-input.js.map +1 -1
  180. package/components/file-input/themes/dark/file-input.bootstrap.css.js +3 -0
  181. package/components/file-input/themes/dark/file-input.bootstrap.css.js.map +1 -0
  182. package/components/file-input/themes/dark/file-input.fluent.css.js +3 -0
  183. package/components/file-input/themes/dark/file-input.fluent.css.js.map +1 -0
  184. package/components/file-input/themes/dark/file-input.indigo.css.js +3 -0
  185. package/components/file-input/themes/dark/file-input.indigo.css.js.map +1 -0
  186. package/components/file-input/themes/dark/file-input.material.css.js +3 -0
  187. package/components/file-input/themes/dark/file-input.material.css.js.map +1 -0
  188. package/components/file-input/themes/file-input.base.css.js +1 -1
  189. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  190. package/components/file-input/themes/light/file-input.bootstrap.css.d.ts +1 -0
  191. package/components/file-input/themes/light/file-input.bootstrap.css.js +3 -0
  192. package/components/file-input/themes/light/file-input.bootstrap.css.js.map +1 -0
  193. package/components/file-input/themes/light/file-input.fluent.css.d.ts +1 -0
  194. package/components/file-input/themes/light/file-input.fluent.css.js +3 -0
  195. package/components/file-input/themes/light/file-input.fluent.css.js.map +1 -0
  196. package/components/file-input/themes/light/file-input.indigo.css.d.ts +1 -0
  197. package/components/file-input/themes/light/file-input.indigo.css.js +3 -0
  198. package/components/file-input/themes/light/file-input.indigo.css.js.map +1 -0
  199. package/components/file-input/themes/light/file-input.material.css.d.ts +1 -0
  200. package/components/file-input/themes/light/file-input.material.css.js +3 -0
  201. package/components/file-input/themes/light/file-input.material.css.js.map +1 -0
  202. package/components/file-input/themes/light/file-input.shared.css.d.ts +1 -0
  203. package/components/file-input/themes/light/file-input.shared.css.js +3 -0
  204. package/components/file-input/themes/light/file-input.shared.css.js.map +1 -0
  205. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  206. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  207. package/components/file-input/themes/shared/file-input.indigo.css.js +1 -1
  208. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -1
  209. package/components/file-input/themes/shared/file-input.material.css.js +1 -1
  210. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
  211. package/components/file-input/themes/themes.js +19 -0
  212. package/components/file-input/themes/themes.js.map +1 -1
  213. package/components/icon/icon.d.ts +1 -0
  214. package/components/icon/icon.js +11 -10
  215. package/components/icon/icon.js.map +1 -1
  216. package/components/input/input-base.d.ts +1 -1
  217. package/components/input/input-base.js +5 -6
  218. package/components/input/input-base.js.map +1 -1
  219. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  220. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  221. package/components/input/themes/shared/input.indigo.css.js +1 -1
  222. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  223. package/components/input/themes/shared/input.material.css.js +1 -1
  224. package/components/input/themes/shared/input.material.css.js.map +1 -1
  225. package/components/list/list-header.js +5 -14
  226. package/components/list/list-header.js.map +1 -1
  227. package/components/list/list-item.js +6 -9
  228. package/components/list/list-item.js.map +1 -1
  229. package/components/list/list.js +5 -14
  230. package/components/list/list.js.map +1 -1
  231. package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -0
  232. package/components/nav-drawer/nav-drawer-header-item.js +8 -14
  233. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  234. package/components/nav-drawer/nav-drawer-item.d.ts +1 -0
  235. package/components/nav-drawer/nav-drawer-item.js +9 -12
  236. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  237. package/components/nav-drawer/nav-drawer.d.ts +1 -0
  238. package/components/nav-drawer/nav-drawer.js +9 -12
  239. package/components/nav-drawer/nav-drawer.js.map +1 -1
  240. package/components/navbar/navbar.d.ts +1 -0
  241. package/components/navbar/navbar.js +8 -14
  242. package/components/navbar/navbar.js.map +1 -1
  243. package/components/progress/circular-progress.d.ts +1 -0
  244. package/components/progress/circular-progress.js +10 -13
  245. package/components/progress/circular-progress.js.map +1 -1
  246. package/components/progress/linear-progress.d.ts +1 -0
  247. package/components/progress/linear-progress.js +9 -12
  248. package/components/progress/linear-progress.js.map +1 -1
  249. package/components/radio/radio.js +7 -10
  250. package/components/radio/radio.js.map +1 -1
  251. package/components/radio-group/radio-group.js +6 -9
  252. package/components/radio-group/radio-group.js.map +1 -1
  253. package/components/rating/rating.js +6 -9
  254. package/components/rating/rating.js.map +1 -1
  255. package/components/resize-container/resize-container.js +6 -9
  256. package/components/resize-container/resize-container.js.map +1 -1
  257. package/components/select/select-group.js +6 -9
  258. package/components/select/select-group.js.map +1 -1
  259. package/components/select/select-header.d.ts +1 -0
  260. package/components/select/select-header.js +8 -14
  261. package/components/select/select-header.js.map +1 -1
  262. package/components/select/select-item.d.ts +1 -0
  263. package/components/select/select-item.js +9 -9
  264. package/components/select/select-item.js.map +1 -1
  265. package/components/select/select.js +2 -2
  266. package/components/select/select.js.map +1 -1
  267. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  268. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  269. package/components/slider/slider-base.js +2 -2
  270. package/components/slider/slider-base.js.map +1 -1
  271. package/components/snackbar/snackbar.d.ts +4 -5
  272. package/components/snackbar/snackbar.js +14 -17
  273. package/components/snackbar/snackbar.js.map +1 -1
  274. package/components/stepper/step.d.ts +1 -0
  275. package/components/stepper/step.js +9 -12
  276. package/components/stepper/step.js.map +1 -1
  277. package/components/stepper/stepper.d.ts +1 -0
  278. package/components/stepper/stepper.js +18 -12
  279. package/components/stepper/stepper.js.map +1 -1
  280. package/components/tabs/tab.d.ts +1 -0
  281. package/components/tabs/tab.js +10 -13
  282. package/components/tabs/tab.js.map +1 -1
  283. package/components/tabs/tabs.js +6 -9
  284. package/components/tabs/tabs.js.map +1 -1
  285. package/components/textarea/textarea.d.ts +1 -1
  286. package/components/textarea/textarea.js +5 -6
  287. package/components/textarea/textarea.js.map +1 -1
  288. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  289. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  290. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  291. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  292. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  293. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  294. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  295. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  296. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  297. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  298. package/components/tile-manager/tile-manager.js +2 -2
  299. package/components/tile-manager/tile-manager.js.map +1 -1
  300. package/components/tile-manager/tile.d.ts +1 -0
  301. package/components/tile-manager/tile.js +53 -56
  302. package/components/tile-manager/tile.js.map +1 -1
  303. package/components/toast/toast.d.ts +2 -2
  304. package/components/toast/toast.js +9 -18
  305. package/components/toast/toast.js.map +1 -1
  306. package/components/tooltip/tooltip.d.ts +1 -0
  307. package/components/tooltip/tooltip.js +39 -42
  308. package/components/tooltip/tooltip.js.map +1 -1
  309. package/components/tree/tree-item.js +6 -9
  310. package/components/tree/tree-item.js.map +1 -1
  311. package/components/tree/tree.js +2 -2
  312. package/components/tree/tree.js.map +1 -1
  313. package/components/validation-container/validation-container.d.ts +8 -5
  314. package/components/validation-container/validation-container.js +59 -49
  315. package/components/validation-container/validation-container.js.map +1 -1
  316. package/custom-elements.json +17604 -18460
  317. package/igniteui-webcomponents.css-data.json +1 -1
  318. package/igniteui-webcomponents.html-data.json +1 -1
  319. package/index.d.ts +0 -7
  320. package/index.js +0 -5
  321. package/index.js.map +1 -1
  322. package/package.json +1 -1
  323. package/theming/config.d.ts +3 -3
  324. package/theming/config.js +14 -18
  325. package/theming/config.js.map +1 -1
  326. package/theming/theming-controller.d.ts +17 -13
  327. package/theming/theming-controller.js +28 -22
  328. package/theming/theming-controller.js.map +1 -1
  329. package/theming/theming-event.d.ts +1 -0
  330. package/theming/theming-event.js.map +1 -1
  331. package/theming/types.d.ts +3 -14
  332. package/theming/types.js.map +1 -1
  333. package/theming/utils.js +24 -23
  334. package/theming/utils.js.map +1 -1
  335. package/web-types.json +2 -2
  336. package/components/chat/chat-input.d.ts +0 -41
  337. package/components/chat/chat-input.js +0 -254
  338. package/components/chat/chat-input.js.map +0 -1
  339. package/components/chat/chat-message-list.d.ts +0 -24
  340. package/components/chat/chat-message-list.js +0 -88
  341. package/components/chat/chat-message-list.js.map +0 -1
  342. package/components/chat/chat-message.d.ts +0 -21
  343. package/components/chat/chat-message.js +0 -52
  344. package/components/chat/chat-message.js.map +0 -1
  345. package/components/chat/chat.d.ts +0 -41
  346. package/components/chat/chat.js +0 -98
  347. package/components/chat/chat.js.map +0 -1
  348. package/components/chat/markdown-util.d.ts +0 -2
  349. package/components/chat/markdown-util.js +0 -22
  350. package/components/chat/markdown-util.js.map +0 -1
  351. package/components/chat/message-attachments.d.ts +0 -28
  352. package/components/chat/message-attachments.js +0 -168
  353. package/components/chat/message-attachments.js.map +0 -1
  354. package/components/chat/themes/chat.base.css.js +0 -3
  355. package/components/chat/themes/chat.base.css.js.map +0 -1
  356. package/components/chat/themes/input.base.css.js +0 -3
  357. package/components/chat/themes/input.base.css.js.map +0 -1
  358. package/components/chat/themes/message-attachments.base.css.js +0 -3
  359. package/components/chat/themes/message-attachments.base.css.js.map +0 -1
  360. package/components/chat/themes/message-list.base.css.js +0 -3
  361. package/components/chat/themes/message-list.base.css.js.map +0 -1
  362. package/components/chat/themes/message.base.css.js +0 -3
  363. package/components/chat/themes/message.base.css.js.map +0 -1
  364. package/components/chat/types.d.ts +0 -46
  365. package/components/chat/types.js +0 -8
  366. package/components/chat/types.js.map +0 -1
  367. package/theming/theming-decorator.d.ts +0 -43
  368. package/theming/theming-decorator.js +0 -25
  369. package/theming/theming-decorator.js.map +0 -1
  370. /package/components/{chat/themes/chat.base.css.d.ts → dropdown/themes/shared/item/dropdown-item.bootstrap.css.d.ts} +0 -0
  371. /package/components/{chat/themes/input.base.css.d.ts → file-input/themes/dark/file-input.bootstrap.css.d.ts} +0 -0
  372. /package/components/{chat/themes/message-attachments.base.css.d.ts → file-input/themes/dark/file-input.fluent.css.d.ts} +0 -0
  373. /package/components/{chat/themes/message-list.base.css.d.ts → file-input/themes/dark/file-input.indigo.css.d.ts} +0 -0
  374. /package/components/{chat/themes/message.base.css.d.ts → file-input/themes/dark/file-input.material.css.d.ts} +0 -0
package/index.d.ts CHANGED
@@ -13,11 +13,6 @@ export { default as IgcCardMediaComponent } from './components/card/card.media.j
13
13
  export { default as IgcCarouselComponent } from './components/carousel/carousel.js';
14
14
  export { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';
15
15
  export { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';
16
- export { default as IgcChatComponent } from './components/chat/chat.js';
17
- export { default as IgcChatInputComponent } from './components/chat/chat-input.js';
18
- export { default as IgcChatMessageComponent } from './components/chat/chat-message.js';
19
- export { default as IgcChatMessageListComponent } from './components/chat/chat-message-list.js';
20
- export { default as IgcChatMessageAttachmentsComponent } from './components/chat/message-attachments.js';
21
16
  export { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';
22
17
  export { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';
23
18
  export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
@@ -81,7 +76,6 @@ export type { IgcBannerComponentEventMap } from './components/banner/banner.js';
81
76
  export type { IgcButtonGroupComponentEventMap } from './components/button-group/button-group.js';
82
77
  export type { IgcCalendarComponentEventMap } from './components/calendar/types.js';
83
78
  export type { IgcCarouselComponentEventMap } from './components/carousel/carousel.js';
84
- export type { IgcChatComponentEventMap } from './components/chat/chat.js';
85
79
  export type { IgcCheckboxComponentEventMap } from './components/checkbox/checkbox-base.js';
86
80
  export type { IgcCheckboxComponentEventMap as IgcSwitchComponentEventMap } from './components/checkbox/checkbox-base.js';
87
81
  export type { IgcChipComponentEventMap } from './components/chip/chip.js';
@@ -122,4 +116,3 @@ export type { IgcActiveStepChangingEventArgs, IgcActiveStepChangedEventArgs, } f
122
116
  export type { IgcTreeSelectionEventArgs } from './components/tree/tree.common.js';
123
117
  export type { ComboItemTemplate, ComboTemplateProps, FilteringOptions, GroupingDirection, IgcComboChangeEventArgs, } from './components/combo/types.js';
124
118
  export type { IconMeta } from './components/icon/registry/types.js';
125
- export type { IgcMessage, IgcMessageAttachment, AttachmentTemplate, MessageActionsTemplate, } from './components/chat/types.js';
package/index.js CHANGED
@@ -13,11 +13,6 @@ export { default as IgcCardMediaComponent } from './components/card/card.media.j
13
13
  export { default as IgcCarouselComponent } from './components/carousel/carousel.js';
14
14
  export { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';
15
15
  export { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';
16
- export { default as IgcChatComponent } from './components/chat/chat.js';
17
- export { default as IgcChatInputComponent } from './components/chat/chat-input.js';
18
- export { default as IgcChatMessageComponent } from './components/chat/chat-message.js';
19
- export { default as IgcChatMessageListComponent } from './components/chat/chat-message-list.js';
20
- export { default as IgcChatMessageAttachmentsComponent } from './components/chat/message-attachments.js';
21
16
  export { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';
22
17
  export { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';
23
18
  export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcBannerComponent } from './components/banner/banner.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcButtonGroupComponent } from './components/button-group/button-group.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCarouselComponent } from './components/carousel/carousel.js';\nexport { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';\nexport { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';\nexport { default as IgcChatComponent } from './components/chat/chat.js';\nexport { default as IgcChatInputComponent } from './components/chat/chat-input.js';\nexport { default as IgcChatMessageComponent } from './components/chat/chat-message.js';\nexport { default as IgcChatMessageListComponent } from './components/chat/chat-message-list.js';\nexport { default as IgcChatMessageAttachmentsComponent } from './components/chat/message-attachments.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcComboComponent } from './components/combo/combo.js';\nexport { default as IgcDatePickerComponent } from './components/date-picker/date-picker.js';\nexport { default as IgcDateRangePickerComponent } from './components/date-range-picker/date-range-picker.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDividerComponent } from './components/divider/divider.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcFileInputComponent } from './components/file-input/file-input.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTileComponent } from './components/tile-manager/tile.js';\nexport { default as IgcTileManagerComponent } from './components/tile-manager/tile-manager.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcToggleButtonComponent } from './components/button-group/toggle-button.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTextareaComponent } from './components/textarea/textarea.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\nexport { default as IgcStepperComponent } from './components/stepper/stepper.js';\nexport { default as IgcStepComponent } from './components/stepper/step.js';\nexport { default as IgcTooltipComponent } from './components/tooltip/tooltip.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n setIconRef,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport {\n IgcCalendarResourceStringEN,\n type IgcCalendarResourceStrings,\n} from './components/common/i18n/calendar.resources.js';\n\n// Event maps\nexport type { IgcBannerComponentEventMap } from './components/banner/banner.js';\nexport type { IgcButtonGroupComponentEventMap } from './components/button-group/button-group.js';\nexport type { IgcCalendarComponentEventMap } from './components/calendar/types.js';\nexport type { IgcCarouselComponentEventMap } from './components/carousel/carousel.js';\nexport type { IgcChatComponentEventMap } from './components/chat/chat.js';\nexport type { IgcCheckboxComponentEventMap } from './components/checkbox/checkbox-base.js';\nexport type { IgcCheckboxComponentEventMap as IgcSwitchComponentEventMap } from './components/checkbox/checkbox-base.js';\nexport type { IgcChipComponentEventMap } from './components/chip/chip.js';\nexport type { IgcComboComponentEventMap } from './components/combo/types.js';\nexport type { IgcDatePickerComponentEventMap } from './components/date-picker/date-picker.js';\nexport type { IgcDateRangePickerComponentEventMap } from './components/date-range-picker/date-range-picker.js';\nexport type { IgcDateTimeInputComponentEventMap } from './components/date-time-input/date-time-input.js';\nexport type { IgcDialogComponentEventMap } from './components/dialog/dialog.js';\nexport type { IgcDropdownComponentEventMap } from './components/dropdown/dropdown.js';\nexport type { IgcExpansionPanelComponentEventMap } from './components/expansion-panel/expansion-panel.js';\nexport type { IgcInputComponentEventMap } from './components/input/input-base.js';\nexport type { IgcInputComponentEventMap as IgcMaskInputComponentEventMap } from './components/input/input-base.js';\nexport type { IgcFileInputComponentEventMap } from './components/file-input/file-input.js';\nexport type { IgcRadioComponentEventMap } from './components/radio/radio.js';\nexport type { IgcRatingComponentEventMap } from './components/rating/rating.js';\nexport type { IgcSelectComponentEventMap } from './components/select/select.js';\nexport type { IgcSliderComponentEventMap } from './components/slider/slider.js';\nexport type { IgcRangeSliderComponentEventMap } from './components/slider/range-slider.js';\nexport type { IgcSnackbarComponentEventMap } from './components/snackbar/snackbar.js';\nexport type { IgcStepperComponentEventMap } from './components/stepper/stepper.common.js';\nexport type { IgcTabsComponentEventMap } from './components/tabs/tabs.js';\nexport type { IgcTextareaComponentEventMap } from './components/textarea/textarea.js';\nexport type { IgcTileComponentEventMap } from './components/tile-manager/tile.js';\nexport type { IgcTreeComponentEventMap } from './components/tree/tree.common.js';\nexport type { IgcTooltipComponentEventMap } from './components/tooltip/tooltip.js';\n\n// Public types\nexport type * from './components/types.js';\nexport type { IgcTileChangeStateEventArgs } from './components/tile-manager/tile.js';\nexport type {\n CalendarActiveView,\n CalendarHeaderOrientation,\n CalendarSelection,\n DateRangeDescriptor,\n WeekDays,\n} from './components/calendar/types.js';\nexport { DateRangeType } from './components/calendar/types.js';\nexport type { IgcCheckboxChangeEventArgs } from './components/checkbox/checkbox-base.js';\nexport { DatePart } from './components/date-time-input/date-util.js';\nexport type { DatePartDeltas } from './components/date-time-input/date-util.js';\nexport type {\n CustomDateRange,\n DateRangeValue,\n} from './components/date-range-picker/date-range-picker.js';\nexport type { PopoverPlacement } from './components/popover/popover.js';\nexport type { IgcRadioChangeEventArgs } from './components/radio/radio.js';\nexport type { IgcRangeSliderValueEventArgs } from './components/slider/range-slider.js';\nexport type {\n IgcActiveStepChangingEventArgs,\n IgcActiveStepChangedEventArgs,\n} from './components/stepper/stepper.common.js';\nexport type { IgcTreeSelectionEventArgs } from './components/tree/tree.common.js';\nexport type {\n ComboItemTemplate,\n ComboTemplateProps,\n FilteringOptions,\n GroupingDirection,\n IgcComboChangeEventArgs,\n} from './components/combo/types.js';\nexport type { IconMeta } from './components/icon/registry/types.js';\nexport type {\n IgcMessage,\n IgcMessageAttachment,\n AttachmentTemplate,\n MessageActionsTemplate,\n} from './components/chat/types.js';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcBannerComponent } from './components/banner/banner.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcButtonGroupComponent } from './components/button-group/button-group.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCarouselComponent } from './components/carousel/carousel.js';\nexport { default as IgcCarouselIndicatorComponent } from './components/carousel/carousel-indicator.js';\nexport { default as IgcCarouselSlideComponent } from './components/carousel/carousel-slide.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcComboComponent } from './components/combo/combo.js';\nexport { default as IgcDatePickerComponent } from './components/date-picker/date-picker.js';\nexport { default as IgcDateRangePickerComponent } from './components/date-range-picker/date-range-picker.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDividerComponent } from './components/divider/divider.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcFileInputComponent } from './components/file-input/file-input.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTileComponent } from './components/tile-manager/tile.js';\nexport { default as IgcTileManagerComponent } from './components/tile-manager/tile-manager.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcToggleButtonComponent } from './components/button-group/toggle-button.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTextareaComponent } from './components/textarea/textarea.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\nexport { default as IgcStepperComponent } from './components/stepper/stepper.js';\nexport { default as IgcStepComponent } from './components/stepper/step.js';\nexport { default as IgcTooltipComponent } from './components/tooltip/tooltip.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n setIconRef,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport {\n IgcCalendarResourceStringEN,\n type IgcCalendarResourceStrings,\n} from './components/common/i18n/calendar.resources.js';\n\n// Event maps\nexport type { IgcBannerComponentEventMap } from './components/banner/banner.js';\nexport type { IgcButtonGroupComponentEventMap } from './components/button-group/button-group.js';\nexport type { IgcCalendarComponentEventMap } from './components/calendar/types.js';\nexport type { IgcCarouselComponentEventMap } from './components/carousel/carousel.js';\nexport type { IgcCheckboxComponentEventMap } from './components/checkbox/checkbox-base.js';\nexport type { IgcCheckboxComponentEventMap as IgcSwitchComponentEventMap } from './components/checkbox/checkbox-base.js';\nexport type { IgcChipComponentEventMap } from './components/chip/chip.js';\nexport type { IgcComboComponentEventMap } from './components/combo/types.js';\nexport type { IgcDatePickerComponentEventMap } from './components/date-picker/date-picker.js';\nexport type { IgcDateRangePickerComponentEventMap } from './components/date-range-picker/date-range-picker.js';\nexport type { IgcDateTimeInputComponentEventMap } from './components/date-time-input/date-time-input.js';\nexport type { IgcDialogComponentEventMap } from './components/dialog/dialog.js';\nexport type { IgcDropdownComponentEventMap } from './components/dropdown/dropdown.js';\nexport type { IgcExpansionPanelComponentEventMap } from './components/expansion-panel/expansion-panel.js';\nexport type { IgcInputComponentEventMap } from './components/input/input-base.js';\nexport type { IgcInputComponentEventMap as IgcMaskInputComponentEventMap } from './components/input/input-base.js';\nexport type { IgcFileInputComponentEventMap } from './components/file-input/file-input.js';\nexport type { IgcRadioComponentEventMap } from './components/radio/radio.js';\nexport type { IgcRatingComponentEventMap } from './components/rating/rating.js';\nexport type { IgcSelectComponentEventMap } from './components/select/select.js';\nexport type { IgcSliderComponentEventMap } from './components/slider/slider.js';\nexport type { IgcRangeSliderComponentEventMap } from './components/slider/range-slider.js';\nexport type { IgcSnackbarComponentEventMap } from './components/snackbar/snackbar.js';\nexport type { IgcStepperComponentEventMap } from './components/stepper/stepper.common.js';\nexport type { IgcTabsComponentEventMap } from './components/tabs/tabs.js';\nexport type { IgcTextareaComponentEventMap } from './components/textarea/textarea.js';\nexport type { IgcTileComponentEventMap } from './components/tile-manager/tile.js';\nexport type { IgcTreeComponentEventMap } from './components/tree/tree.common.js';\nexport type { IgcTooltipComponentEventMap } from './components/tooltip/tooltip.js';\n\n// Public types\nexport type * from './components/types.js';\nexport type { IgcTileChangeStateEventArgs } from './components/tile-manager/tile.js';\nexport type {\n CalendarActiveView,\n CalendarHeaderOrientation,\n CalendarSelection,\n DateRangeDescriptor,\n WeekDays,\n} from './components/calendar/types.js';\nexport { DateRangeType } from './components/calendar/types.js';\nexport type { IgcCheckboxChangeEventArgs } from './components/checkbox/checkbox-base.js';\nexport { DatePart } from './components/date-time-input/date-util.js';\nexport type { DatePartDeltas } from './components/date-time-input/date-util.js';\nexport type {\n CustomDateRange,\n DateRangeValue,\n} from './components/date-range-picker/date-range-picker.js';\nexport type { PopoverPlacement } from './components/popover/popover.js';\nexport type { IgcRadioChangeEventArgs } from './components/radio/radio.js';\nexport type { IgcRangeSliderValueEventArgs } from './components/slider/range-slider.js';\nexport type {\n IgcActiveStepChangingEventArgs,\n IgcActiveStepChangedEventArgs,\n} from './components/stepper/stepper.common.js';\nexport type { IgcTreeSelectionEventArgs } from './components/tree/tree.common.js';\nexport type {\n ComboItemTemplate,\n ComboTemplateProps,\n FilteringOptions,\n GroupingDirection,\n IgcComboChangeEventArgs,\n} from './components/combo/types.js';\nexport type { IconMeta } from './components/icon/registry/types.js';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-webcomponents",
3
- "version": "6.1.1-alpha.0",
3
+ "version": "6.1.2",
4
4
  "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -1,9 +1,9 @@
1
1
  import type { Theme, ThemeVariant } from './types.js';
2
- export declare const getTheme: () => {
2
+ export declare function getTheme(): {
3
3
  theme: Theme;
4
4
  themeVariant: ThemeVariant;
5
5
  };
6
- export declare const setTheme: (value: Theme, variant: ThemeVariant) => void;
6
+ export declare function setTheme(value: Theme, variant: ThemeVariant): void;
7
7
  /**
8
8
  * Allows the global configuration of the active theme.
9
9
  *
@@ -14,4 +14,4 @@ export declare const setTheme: (value: Theme, variant: ThemeVariant) => void;
14
14
  * configureTheme('material', 'light');
15
15
  * ```
16
16
  */
17
- export declare const configureTheme: (t: Theme, v?: ThemeVariant) => void;
17
+ export declare function configureTheme(t: Theme, v?: ThemeVariant): void;
package/theming/config.js CHANGED
@@ -1,10 +1,10 @@
1
- import { isDefined } from '../components/common/util.js';
1
+ import { isServer } from 'lit';
2
2
  import { CHANGE_THEME_EVENT, } from './theming-event.js';
3
3
  import { getAllCssVariables } from './utils.js';
4
4
  let theme;
5
5
  let themeVariant;
6
6
  function dispatchThemingEvent(detail) {
7
- if (isDefined(globalThis.dispatchEvent)) {
7
+ if (!isServer) {
8
8
  globalThis.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));
9
9
  }
10
10
  }
@@ -14,28 +14,24 @@ function isOfTypeTheme(theme) {
14
14
  function isOfTypeThemeVariant(variant) {
15
15
  return ['light', 'dark'].includes(variant);
16
16
  }
17
- export const getTheme = () => {
17
+ export function getTheme() {
18
18
  if (!(theme && themeVariant)) {
19
- const [_theme, _variant] = Object.entries(getAllCssVariables()).filter(([v]) => v === 'igTheme' || v === 'igThemeVariant') || [];
20
- theme =
21
- _theme?.[1] && isOfTypeTheme(_theme[1])
22
- ? _theme[1]
23
- : 'bootstrap';
24
- themeVariant =
25
- _variant?.[1] && isOfTypeThemeVariant(_variant[1])
26
- ? _variant[1]
27
- : 'light';
19
+ const cssVars = getAllCssVariables();
20
+ const foundTheme = cssVars.igTheme;
21
+ const foundVariant = cssVars.igThemeVariant;
22
+ theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';
23
+ themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';
28
24
  }
29
25
  return { theme, themeVariant };
30
- };
31
- export const setTheme = (value, variant) => {
26
+ }
27
+ export function setTheme(value, variant) {
32
28
  theme = value;
33
29
  themeVariant = variant;
34
- };
35
- export const configureTheme = (t, v = 'light') => {
30
+ }
31
+ export function configureTheme(t, v = 'light') {
36
32
  if (isOfTypeTheme(t) && isOfTypeThemeVariant(v)) {
37
33
  setTheme(t, v);
34
+ dispatchThemingEvent({ theme, themeVariant });
38
35
  }
39
- dispatchThemingEvent({ theme, themeVariant });
40
- };
36
+ }
41
37
  //# sourceMappingURL=config.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EACL,kBAAkB,GAEnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,IAAI,KAAY,CAAC;AACjB,IAAI,YAA0B,CAAC;AAK/B,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,IAAI,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,UAAU,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB,GAAG,EAAE;IACP,IAAI,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,EAAE,CAAC;QAC7B,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GACtB,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CACzC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,gBAAgB,CACnD,IAAI,EAAE,CAAC;QAEV,KAAK;YACH,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACrC,CAAC,CAAE,MAAM,CAAC,CAAC,CAAW;gBACtB,CAAC,CAAC,WAAW,CAAC;QAElB,YAAY;YACV,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChD,CAAC,CAAE,QAAQ,CAAC,CAAC,CAAkB;gBAC/B,CAAC,CAAC,OAAO,CAAC;IAChB,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,OAAqB,EAAE,EAAE;IAC9D,KAAK,GAAG,KAAK,CAAC;IACd,YAAY,GAAG,OAAO,CAAC;AACzB,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,IAAkB,OAAO,EAAE,EAAE;IACpE,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import { isDefined } from '../components/common/util.js';\nimport {\n CHANGE_THEME_EVENT,\n type ChangeThemeEventDetail,\n} from './theming-event.js';\nimport type { Theme, ThemeVariant } from './types.js';\nimport { getAllCssVariables } from './utils.js';\n\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail) {\n if (isDefined(globalThis.dispatchEvent)) {\n globalThis.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n }\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n return ['light', 'dark'].includes(variant);\n}\n\nexport const getTheme: () => {\n theme: Theme;\n themeVariant: ThemeVariant;\n} = () => {\n if (!(theme && themeVariant)) {\n const [_theme, _variant] =\n Object.entries(getAllCssVariables()).filter(\n ([v]) => v === 'igTheme' || v === 'igThemeVariant'\n ) || [];\n\n theme =\n _theme?.[1] && isOfTypeTheme(_theme[1])\n ? (_theme[1] as Theme)\n : 'bootstrap';\n\n themeVariant =\n _variant?.[1] && isOfTypeThemeVariant(_variant[1])\n ? (_variant[1] as ThemeVariant)\n : 'light';\n }\n\n return { theme, themeVariant };\n};\n\nexport const setTheme = (value: Theme, variant: ThemeVariant) => {\n theme = value;\n themeVariant = variant;\n};\n\n/**\n * Allows the global configuration of the active theme.\n *\n * Usage:\n * ```ts\n * import { configureTheme } from 'igniteui-webcomponents';\n *\n * configureTheme('material', 'light');\n * ```\n */\nexport const configureTheme = (t: Theme, v: ThemeVariant = 'light') => {\n if (isOfTypeTheme(t) && isOfTypeThemeVariant(v)) {\n setTheme(t, v);\n }\n\n dispatchThemingEvent({ theme, themeVariant });\n};\n"]}
1
+ {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/theming/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,IAAI,KAAY,CAAC;AACjB,IAAI,YAA0B,CAAC;AAK/B,SAAS,oBAAoB,CAAC,MAA8B;IAC1D,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,UAAU,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACvE,CAAC;AAED,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,IAAI,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,EAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,kBAAkB,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;QACnC,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,CAAC;QAE5C,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;QAC7D,YAAY,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7E,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAY,EAAE,OAAqB;IAC1D,KAAK,GAAG,KAAK,CAAC;IACd,YAAY,GAAG,OAAO,CAAC;AACzB,CAAC;AAYD,MAAM,UAAU,cAAc,CAAC,CAAQ,EAAE,IAAkB,OAAO;IAChE,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IAChD,CAAC;AACH,CAAC","sourcesContent":["import { isServer } from 'lit';\nimport {\n CHANGE_THEME_EVENT,\n type ChangeThemeEventDetail,\n} from './theming-event.js';\nimport type { Theme, ThemeVariant } from './types.js';\nimport { getAllCssVariables } from './utils.js';\n\nlet theme: Theme;\nlet themeVariant: ThemeVariant;\n\n/**\n * Dispatch an \"igc-change-theme\" event to `window` with the given detail.\n */\nfunction dispatchThemingEvent(detail: ChangeThemeEventDetail): void {\n if (!isServer) {\n globalThis.dispatchEvent(new CustomEvent(CHANGE_THEME_EVENT, { detail }));\n }\n}\n\nfunction isOfTypeTheme(theme: string): theme is Theme {\n return ['bootstrap', 'material', 'indigo', 'fluent'].includes(theme);\n}\n\nfunction isOfTypeThemeVariant(variant: string): variant is ThemeVariant {\n return ['light', 'dark'].includes(variant);\n}\n\nexport function getTheme() {\n if (!(theme && themeVariant)) {\n const cssVars = getAllCssVariables();\n const foundTheme = cssVars.igTheme;\n const foundVariant = cssVars.igThemeVariant;\n\n theme = isOfTypeTheme(foundTheme) ? foundTheme : 'bootstrap';\n themeVariant = isOfTypeThemeVariant(foundVariant) ? foundVariant : 'light';\n }\n\n return { theme, themeVariant };\n}\n\nexport function setTheme(value: Theme, variant: ThemeVariant): void {\n theme = value;\n themeVariant = variant;\n}\n\n/**\n * Allows the global configuration of the active theme.\n *\n * Usage:\n * ```ts\n * import { configureTheme } from 'igniteui-webcomponents';\n *\n * configureTheme('material', 'light');\n * ```\n */\nexport function configureTheme(t: Theme, v: ThemeVariant = 'light'): void {\n if (isOfTypeTheme(t) && isOfTypeThemeVariant(v)) {\n setTheme(t, v);\n dispatchThemingEvent({ theme, themeVariant });\n }\n}\n"]}
@@ -1,18 +1,22 @@
1
1
  import { type ReactiveController, type ReactiveControllerHost, type ReactiveElement } from 'lit';
2
- import type { Theme, ThemeChangedCallback, ThemeController, Themes, ThemeVariant } from './types.js';
3
- declare class ThemingController implements ReactiveController, ThemeController {
4
- private themes;
5
- private host;
6
- theme: Theme;
7
- themeVariant: ThemeVariant;
8
- onThemeChanged?: ThemeChangedCallback;
9
- constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes);
2
+ import type { Theme, Themes, ThemingControllerConfig } from './types.js';
3
+ declare class ThemingController implements ReactiveController {
4
+ private readonly _host;
5
+ private readonly _themes;
6
+ private readonly _options?;
7
+ private _theme;
8
+ private _variant;
9
+ get theme(): Theme;
10
+ constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig);
11
+ /** @internal */
10
12
  hostConnected(): void;
13
+ /** @internal */
11
14
  hostDisconnected(): void;
15
+ /** @internal */
12
16
  handleEvent(): void;
13
- private getStyles;
14
- protected adoptStyles(): void;
15
- private themeChanged;
17
+ private _getStyles;
18
+ protected _adoptStyles(): void;
19
+ private _handleThemeChanged;
16
20
  }
17
- export declare function createThemeController(host: ReactiveControllerHost & ReactiveElement, themes: Themes): ThemingController;
18
- export {};
21
+ export declare function addThemingController(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig): ThemingController;
22
+ export type { ThemingController };
@@ -2,25 +2,31 @@ import { adoptStyles, css, } from 'lit';
2
2
  import { getTheme } from './config.js';
3
3
  import { _themeChangedEmitter, CHANGED_THEME_EVENT } from './theming-event.js';
4
4
  class ThemingController {
5
- constructor(host, themes) {
6
- this.themes = themes;
7
- this.host = host;
8
- this.host.addController(this);
5
+ get theme() {
6
+ return this._theme;
7
+ }
8
+ constructor(host, themes, config) {
9
+ this._theme = 'bootstrap';
10
+ this._variant = 'light';
11
+ this._host = host;
12
+ this._themes = themes;
13
+ this._options = config;
14
+ this._host.addController(this);
9
15
  }
10
16
  hostConnected() {
11
- this.themeChanged();
17
+ this._handleThemeChanged();
12
18
  _themeChangedEmitter.addEventListener(CHANGED_THEME_EVENT, this);
13
19
  }
14
20
  hostDisconnected() {
15
21
  _themeChangedEmitter.removeEventListener(CHANGED_THEME_EVENT, this);
16
22
  }
17
23
  handleEvent() {
18
- this.themeChanged();
24
+ this._handleThemeChanged();
19
25
  }
20
- getStyles() {
21
- const styleSheets = Object.entries(this.themes[this.themeVariant]);
26
+ _getStyles() {
27
+ const props = this._themes[this._variant];
22
28
  const styles = { shared: css ``, theme: css `` };
23
- for (const [name, sheet] of styleSheets) {
29
+ for (const [name, sheet] of Object.entries(props)) {
24
30
  if (name === 'shared') {
25
31
  styles.shared = sheet;
26
32
  }
@@ -30,21 +36,21 @@ class ThemingController {
30
36
  }
31
37
  return styles;
32
38
  }
33
- adoptStyles() {
34
- const { theme, themeVariant } = getTheme();
35
- this.theme = theme;
36
- this.themeVariant = themeVariant;
37
- const ctor = this.host.constructor;
38
- const { shared, theme: _theme } = this.getStyles();
39
- adoptStyles(this.host.shadowRoot, [...ctor.elementStyles, shared, _theme]);
39
+ _adoptStyles() {
40
+ const { theme: currentTheme, themeVariant } = getTheme();
41
+ this._theme = currentTheme;
42
+ this._variant = themeVariant;
43
+ const ctor = this._host.constructor;
44
+ const { shared, theme } = this._getStyles();
45
+ adoptStyles(this._host.shadowRoot, [...ctor.elementStyles, shared, theme]);
40
46
  }
41
- themeChanged() {
42
- this.adoptStyles();
43
- this.onThemeChanged?.call(this.host, this.theme);
44
- this.host.requestUpdate();
47
+ _handleThemeChanged() {
48
+ this._adoptStyles();
49
+ this._options?.themeChange?.call(this._host, this._theme);
50
+ this._host.requestUpdate();
45
51
  }
46
52
  }
47
- export function createThemeController(host, themes) {
48
- return new ThemingController(host, themes);
53
+ export function addThemingController(host, themes, config) {
54
+ return new ThemingController(host, themes, config);
49
55
  }
50
56
  //# sourceMappingURL=theming-controller.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"theming-controller.js","sourceRoot":"","sources":["../../src/theming/theming-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,GAAG,GAKJ,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAS/E,MAAM,iBAAiB;IAQrB,YAAY,IAA8C,EAAE,MAAc;QACxE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,oBAAoB,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAEM,gBAAgB;QACrB,oBAAoB,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IACtE,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,SAAS;QACf,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QACnE,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,GAAG,CAAA,EAAE,EAAE,KAAK,EAAE,GAAG,CAAA,EAAE,EAAE,CAAC;QAE/C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;YACxC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACxB,CAAC;YACD,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACxB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,WAAW;QACnB,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QAEjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,WAAgC,CAAC;QACxD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEnD,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;CACF;AAED,MAAM,UAAU,qBAAqB,CACnC,IAA8C,EAC9C,MAAc;IAEd,OAAO,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import {\n adoptStyles,\n css,\n type LitElement,\n type ReactiveController,\n type ReactiveControllerHost,\n type ReactiveElement,\n} from 'lit';\n\nimport { getTheme } from './config.js';\nimport { _themeChangedEmitter, CHANGED_THEME_EVENT } from './theming-event.js';\nimport type {\n Theme,\n ThemeChangedCallback,\n ThemeController,\n Themes,\n ThemeVariant,\n} from './types.js';\n\nclass ThemingController implements ReactiveController, ThemeController {\n private themes: Themes;\n private host: ReactiveControllerHost & ReactiveElement;\n\n public theme!: Theme;\n public themeVariant!: ThemeVariant;\n public onThemeChanged?: ThemeChangedCallback;\n\n constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes) {\n this.themes = themes;\n this.host = host;\n this.host.addController(this);\n }\n\n public hostConnected() {\n this.themeChanged();\n _themeChangedEmitter.addEventListener(CHANGED_THEME_EVENT, this);\n }\n\n public hostDisconnected() {\n _themeChangedEmitter.removeEventListener(CHANGED_THEME_EVENT, this);\n }\n\n public handleEvent() {\n this.themeChanged();\n }\n\n private getStyles() {\n const styleSheets = Object.entries(this.themes[this.themeVariant]);\n const styles = { shared: css``, theme: css`` };\n\n for (const [name, sheet] of styleSheets) {\n if (name === 'shared') {\n styles.shared = sheet;\n }\n if (name === this.theme) {\n styles.theme = sheet;\n }\n }\n\n return styles;\n }\n\n protected adoptStyles() {\n const { theme, themeVariant } = getTheme();\n this.theme = theme;\n this.themeVariant = themeVariant;\n\n const ctor = this.host.constructor as typeof LitElement;\n const { shared, theme: _theme } = this.getStyles();\n\n adoptStyles(this.host.shadowRoot!, [...ctor.elementStyles, shared, _theme]);\n }\n\n private themeChanged() {\n this.adoptStyles();\n this.onThemeChanged?.call(this.host, this.theme);\n this.host.requestUpdate();\n }\n}\n\nexport function createThemeController(\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes\n) {\n return new ThemingController(host, themes);\n}\n"]}
1
+ {"version":3,"file":"theming-controller.js","sourceRoot":"","sources":["../../src/theming/theming-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,GAAG,GAKJ,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAQ/E,MAAM,iBAAiB;IAQrB,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YACE,IAA8C,EAC9C,MAAc,EACd,MAAgC;QAV1B,WAAM,GAAU,WAAW,CAAC;QAC5B,aAAQ,GAAiB,OAAO,CAAC;QAWvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAGM,aAAa;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,oBAAoB,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;IAGM,gBAAgB;QACrB,oBAAoB,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IACtE,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,UAAU;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,GAAG,CAAA,EAAE,EAAE,KAAK,EAAE,GAAG,CAAA,EAAE,EAAE,CAAC;QAE/C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAClD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACtB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACxB,CAAC;YACD,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;gBACxB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,YAAY;QACpB,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,CAAC;QACzD,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;QAE7B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,WAAgC,CAAC;QACzD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAE5C,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,UAAW,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,UAAU,oBAAoB,CAClC,IAA8C,EAC9C,MAAc,EACd,MAAgC;IAEhC,OAAO,IAAI,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,CAAC","sourcesContent":["import {\n adoptStyles,\n css,\n type LitElement,\n type ReactiveController,\n type ReactiveControllerHost,\n type ReactiveElement,\n} from 'lit';\n\nimport { getTheme } from './config.js';\nimport { _themeChangedEmitter, CHANGED_THEME_EVENT } from './theming-event.js';\nimport type {\n Theme,\n Themes,\n ThemeVariant,\n ThemingControllerConfig,\n} from './types.js';\n\nclass ThemingController implements ReactiveController {\n private readonly _host: ReactiveControllerHost & ReactiveElement;\n private readonly _themes: Themes;\n private readonly _options?: ThemingControllerConfig;\n\n private _theme: Theme = 'bootstrap';\n private _variant: ThemeVariant = 'light';\n\n public get theme(): Theme {\n return this._theme;\n }\n\n constructor(\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n config?: ThemingControllerConfig\n ) {\n this._host = host;\n this._themes = themes;\n this._options = config;\n this._host.addController(this);\n }\n\n /** @internal */\n public hostConnected(): void {\n this._handleThemeChanged();\n _themeChangedEmitter.addEventListener(CHANGED_THEME_EVENT, this);\n }\n\n /** @internal */\n public hostDisconnected(): void {\n _themeChangedEmitter.removeEventListener(CHANGED_THEME_EVENT, this);\n }\n\n /** @internal */\n public handleEvent(): void {\n this._handleThemeChanged();\n }\n\n private _getStyles() {\n const props = this._themes[this._variant];\n const styles = { shared: css``, theme: css`` };\n\n for (const [name, sheet] of Object.entries(props)) {\n if (name === 'shared') {\n styles.shared = sheet;\n }\n if (name === this.theme) {\n styles.theme = sheet;\n }\n }\n\n return styles;\n }\n\n protected _adoptStyles(): void {\n const { theme: currentTheme, themeVariant } = getTheme();\n this._theme = currentTheme;\n this._variant = themeVariant;\n\n const ctor = this._host.constructor as typeof LitElement;\n const { shared, theme } = this._getStyles();\n\n adoptStyles(this._host.shadowRoot!, [...ctor.elementStyles, shared, theme]);\n }\n\n private _handleThemeChanged(): void {\n this._adoptStyles();\n this._options?.themeChange?.call(this._host, this._theme);\n this._host.requestUpdate();\n }\n}\n\nexport function addThemingController(\n host: ReactiveControllerHost & ReactiveElement,\n themes: Themes,\n config?: ThemingControllerConfig\n): ThemingController {\n return new ThemingController(host, themes, config);\n}\n\nexport type { ThemingController };\n"]}
@@ -1,6 +1,7 @@
1
1
  import type { Theme, ThemeVariant } from './types.js';
2
2
  declare class ThemeChangedEmitter extends EventTarget {
3
3
  constructor();
4
+ /** @internal */
4
5
  handleEvent(): void;
5
6
  }
6
7
  export declare const CHANGE_THEME_EVENT = "igc-change-theme";
@@ -1 +1 @@
1
- {"version":3,"file":"theming-event.js","sourceRoot":"","sources":["../../src/theming/theming-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG/B,MAAM,mBAAoB,SAAQ,WAAW;IAC3C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;CACF;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["import { isServer } from 'lit';\nimport type { Theme, ThemeVariant } from './types.js';\n\nclass ThemeChangedEmitter extends EventTarget {\n constructor() {\n super();\n if (!isServer) {\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n }\n }\n\n public handleEvent() {\n this.dispatchEvent(new CustomEvent(CHANGED_THEME_EVENT));\n }\n}\n\nexport const CHANGE_THEME_EVENT = 'igc-change-theme';\nexport const CHANGED_THEME_EVENT = 'igc-changed-theme';\nexport const _themeChangedEmitter = new ThemeChangedEmitter();\n\ndeclare global {\n interface WindowEventMap {\n [CHANGE_THEME_EVENT]: CustomEvent<ChangeThemeEventDetail>;\n }\n}\n\n/**\n * The possible details of the \"igc-change-theme\" event.\n */\nexport type ChangeThemeEventDetail = {\n theme: Theme;\n themeVariant: ThemeVariant;\n};\n"]}
1
+ {"version":3,"file":"theming-event.js","sourceRoot":"","sources":["../../src/theming/theming-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG/B,MAAM,mBAAoB,SAAQ,WAAW;IAC3C;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;CACF;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["import { isServer } from 'lit';\nimport type { Theme, ThemeVariant } from './types.js';\n\nclass ThemeChangedEmitter extends EventTarget {\n constructor() {\n super();\n if (!isServer) {\n globalThis.addEventListener(CHANGE_THEME_EVENT, this);\n }\n }\n\n /** @internal */\n public handleEvent(): void {\n this.dispatchEvent(new CustomEvent(CHANGED_THEME_EVENT));\n }\n}\n\nexport const CHANGE_THEME_EVENT = 'igc-change-theme';\nexport const CHANGED_THEME_EVENT = 'igc-changed-theme';\nexport const _themeChangedEmitter = new ThemeChangedEmitter();\n\ndeclare global {\n interface WindowEventMap {\n [CHANGE_THEME_EVENT]: CustomEvent<ChangeThemeEventDetail>;\n }\n}\n\n/**\n * The possible details of the \"igc-change-theme\" event.\n */\nexport type ChangeThemeEventDetail = {\n theme: Theme;\n themeVariant: ThemeVariant;\n};\n"]}
@@ -10,17 +10,6 @@ export type Themes = {
10
10
  };
11
11
  };
12
12
  export type ThemeChangedCallback = (theme: Theme) => unknown;
13
- /**
14
- * A controller responsible for adopting various component themes;
15
- * See also {@link updateWhenThemeChanges}.
16
- */
17
- export interface ThemeController {
18
- /**
19
- * The name of the currently adopted theme. See {@link Theme}.
20
- */
21
- theme: Theme;
22
- /**
23
- * Optional callback function to invoke when the theme is changed at runtime.
24
- */
25
- onThemeChanged?: ThemeChangedCallback;
26
- }
13
+ export type ThemingControllerConfig = {
14
+ themeChange?: ThemeChangedCallback;
15
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CSSResult } from 'lit';\n\nexport type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\nexport type ThemeVariant = 'light' | 'dark';\n\nexport type Themes = {\n light: {\n [K in Theme | 'shared']?: CSSResult;\n };\n dark: {\n [K in Theme | 'shared']?: CSSResult;\n };\n};\n\nexport type ThemeChangedCallback = (theme: Theme) => unknown;\n\n/**\n * A controller responsible for adopting various component themes;\n * See also {@link updateWhenThemeChanges}.\n */\nexport interface ThemeController {\n /**\n * The name of the currently adopted theme. See {@link Theme}.\n */\n theme: Theme;\n\n /**\n * Optional callback function to invoke when the theme is changed at runtime.\n */\n onThemeChanged?: ThemeChangedCallback;\n}\n"]}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CSSResult } from 'lit';\n\nexport type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';\nexport type ThemeVariant = 'light' | 'dark';\n\nexport type Themes = {\n light: {\n [K in Theme | 'shared']?: CSSResult;\n };\n dark: {\n [K in Theme | 'shared']?: CSSResult;\n };\n};\n\nexport type ThemeChangedCallback = (theme: Theme) => unknown;\nexport type ThemingControllerConfig = {\n themeChange?: ThemeChangedCallback;\n};\n"]}
package/theming/utils.js CHANGED
@@ -1,42 +1,43 @@
1
1
  import { isServer } from 'lit';
2
- import { isDefined } from '../components/common/util.js';
3
2
  function isStyleRule(rule) {
4
- return !!rule && 'style' in rule;
3
+ return rule != null && 'style' in rule;
5
4
  }
6
5
  function cssKeyToJsKey(key) {
7
- return key.replace('--', '').replace(/-./g, (x) => x.toUpperCase()[1]);
6
+ return key.replace(/^--|-./g, (match) => {
7
+ return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();
8
+ });
8
9
  }
9
10
  function getAllCssVariableNames() {
10
11
  const cssVars = new Set();
11
- if (isServer || !isDefined(globalThis.document)) {
12
- return cssVars;
13
- }
14
- const styleSheets = Array.from(globalThis.document.styleSheets).filter((sheet) => {
12
+ const styleSheets = Array.from(document.styleSheets);
13
+ for (const sheet of styleSheets) {
14
+ let rules;
15
15
  try {
16
- return sheet.cssRules;
16
+ rules = sheet.cssRules;
17
17
  }
18
18
  catch {
19
- return false;
19
+ continue;
20
20
  }
21
- });
22
- for (const sheet of styleSheets) {
23
- const rules = Array.from(sheet.cssRules).filter(isStyleRule);
24
- for (const rule of rules) {
25
- Array.from(rule.style).forEach((style) => {
26
- if (style.startsWith('--')) {
27
- cssVars.add(style);
21
+ if (!rules) {
22
+ continue;
23
+ }
24
+ for (const rule of Array.from(rules)) {
25
+ if (isStyleRule(rule)) {
26
+ const length = rule.style.length;
27
+ for (let i = 0; i < length; i++) {
28
+ const style = rule.style[i];
29
+ if (style.startsWith('--')) {
30
+ cssVars.add(style);
31
+ }
28
32
  }
29
- });
33
+ }
30
34
  }
31
35
  }
32
36
  return cssVars;
33
37
  }
34
38
  function getElementCssVariables(allCssVars, element, pseudo) {
35
39
  const cssVars = {};
36
- if (!isDefined(globalThis.getComputedStyle)) {
37
- return cssVars;
38
- }
39
- const styles = globalThis.getComputedStyle(element, pseudo);
40
+ const styles = getComputedStyle(element, pseudo);
40
41
  for (const key of allCssVars) {
41
42
  const value = styles.getPropertyValue(key);
42
43
  if (value) {
@@ -46,8 +47,8 @@ function getElementCssVariables(allCssVars, element, pseudo) {
46
47
  return cssVars;
47
48
  }
48
49
  export function getAllCssVariables() {
49
- return isServer || !isDefined(globalThis.document)
50
+ return isServer
50
51
  ? {}
51
- : getElementCssVariables(getAllCssVariableNames(), globalThis.document.documentElement);
52
+ : getElementCssVariables(getAllCssVariableNames(), document.documentElement);
52
53
  }
53
54
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/theming/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,SAAS,WAAW,CAAC,IAAa;IAChC,OAAO,CAAC,CAAC,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC;AACnC,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACzE,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAGlC,IAAI,QAAQ,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACjB,CAAC;IAGD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CACpE,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,CAAC;YACH,OAAO,KAAK,CAAC,QAAQ,CAAC;QACxB,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,CACF,CAAC;IAEF,KAAK,MAAM,KAAK,IAAI,WAAW,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAE7D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,sBAAsB,CAC7B,UAAuB,EACvB,OAAoB,EACpB,MAAe;IAEf,MAAM,OAAO,GAA2B,EAAE,CAAC;IAG3C,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC5C,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAE5D,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAE3C,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB;IAEhC,OAAO,QAAQ,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC;QAChD,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,sBAAsB,CACpB,sBAAsB,EAAE,EACxB,UAAU,CAAC,QAAQ,CAAC,eAAe,CACpC,CAAC;AACR,CAAC","sourcesContent":["import { isServer } from 'lit';\n\nimport { isDefined } from '../components/common/util.js';\n\nfunction isStyleRule(rule: CSSRule): rule is CSSStyleRule {\n return !!rule && 'style' in rule;\n}\n\nfunction cssKeyToJsKey(key: string): string {\n return key.replace('--', '').replace(/-./g, (x) => x.toUpperCase()[1]);\n}\n\nfunction getAllCssVariableNames(): Set<string> {\n const cssVars = new Set<string>();\n\n /* c8 ignore next 3 */\n if (isServer || !isDefined(globalThis.document)) {\n return cssVars;\n }\n\n // Filter out any external stylesheets which throw CORS errors\n const styleSheets = Array.from(globalThis.document.styleSheets).filter(\n (sheet) => {\n try {\n return sheet.cssRules;\n } catch {\n return false;\n }\n }\n );\n\n for (const sheet of styleSheets) {\n const rules = Array.from(sheet.cssRules).filter(isStyleRule);\n\n for (const rule of rules) {\n Array.from(rule.style).forEach((style) => {\n if (style.startsWith('--')) {\n cssVars.add(style);\n }\n });\n }\n }\n\n return cssVars;\n}\n\nfunction getElementCssVariables(\n allCssVars: Set<string>,\n element: HTMLElement,\n pseudo?: string\n): Record<string, string> {\n const cssVars: Record<string, string> = {};\n\n /* c8 ignore next 3 */\n if (!isDefined(globalThis.getComputedStyle)) {\n return cssVars;\n }\n\n const styles = globalThis.getComputedStyle(element, pseudo);\n\n for (const key of allCssVars) {\n const value = styles.getPropertyValue(key);\n\n if (value) {\n cssVars[cssKeyToJsKey(key)] = value.trim();\n }\n }\n\n return cssVars;\n}\n\nexport function getAllCssVariables(): Record<string, string> {\n /* c8 ignore next 2 */\n return isServer || !isDefined(globalThis.document)\n ? {}\n : getElementCssVariables(\n getAllCssVariableNames(),\n globalThis.document.documentElement\n );\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/theming/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE/B,SAAS,WAAW,CAAC,IAAa;IAChC,OAAO,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC;AACzC,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACtC,OAAO,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAErD,KAAK,MAAM,KAAK,IAAI,WAAW,EAAE,CAAC;QAChC,IAAI,KAA8B,CAAC;QAGnC,IAAI,CAAC;YACH,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzB,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,SAAS;QACX,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;gBAEjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBAE5B,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC3B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,sBAAsB,CAC7B,UAAuB,EACvB,OAAoB,EACpB,MAAe;IAEf,MAAM,OAAO,GAA2B,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEjD,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAE3C,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,kBAAkB;IAEhC,OAAO,QAAQ;QACb,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,sBAAsB,CACpB,sBAAsB,EAAE,EACxB,QAAQ,CAAC,eAAe,CACzB,CAAC;AACR,CAAC","sourcesContent":["import { isServer } from 'lit';\n\nfunction isStyleRule(rule: CSSRule): rule is CSSStyleRule {\n return rule != null && 'style' in rule;\n}\n\nfunction cssKeyToJsKey(key: string): string {\n return key.replace(/^--|-./g, (match) => {\n return match.startsWith('--') ? '' : match.charAt(1).toUpperCase();\n });\n}\n\nfunction getAllCssVariableNames(): Set<string> {\n const cssVars = new Set<string>();\n const styleSheets = Array.from(document.styleSheets);\n\n for (const sheet of styleSheets) {\n let rules: CSSRuleList | undefined;\n\n // Potential CORS or access errors\n try {\n rules = sheet.cssRules;\n } catch {\n continue;\n }\n\n if (!rules) {\n continue;\n }\n\n for (const rule of Array.from(rules)) {\n if (isStyleRule(rule)) {\n const length = rule.style.length;\n\n for (let i = 0; i < length; i++) {\n const style = rule.style[i];\n\n if (style.startsWith('--')) {\n cssVars.add(style);\n }\n }\n }\n }\n }\n\n return cssVars;\n}\n\nfunction getElementCssVariables(\n allCssVars: Set<string>,\n element: HTMLElement,\n pseudo?: string\n): Record<string, string> {\n const cssVars: Record<string, string> = {};\n const styles = getComputedStyle(element, pseudo);\n\n for (const key of allCssVars) {\n const value = styles.getPropertyValue(key);\n\n if (value) {\n cssVars[cssKeyToJsKey(key)] = value.trim();\n }\n }\n\n return cssVars;\n}\n\nexport function getAllCssVariables(): Record<string, string> {\n /* c8 ignore next 2 */\n return isServer\n ? {}\n : getElementCssVariables(\n getAllCssVariableNames(),\n document.documentElement\n );\n}\n"]}