igniteui-webcomponents 2.0.0 → 2.1.0

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 (544) hide show
  1. package/CHANGELOG.md +18 -2
  2. package/components/avatar/avatar.d.ts +1 -1
  3. package/components/avatar/avatar.js +10 -4
  4. package/components/avatar/avatar.js.map +1 -1
  5. package/components/avatar/{avatar.material.css.d.ts → themes/avatar.base.css.d.ts} +0 -0
  6. package/components/avatar/{avatar.material.css.js → themes/avatar.base.css.js} +2 -2
  7. package/components/avatar/themes/avatar.base.css.js.map +1 -0
  8. package/components/{badge/badge.material.css.d.ts → avatar/themes/avatar.bootstrap.css.d.ts} +0 -0
  9. package/components/avatar/themes/avatar.bootstrap.css.js +3 -0
  10. package/components/avatar/themes/avatar.bootstrap.css.js.map +1 -0
  11. package/components/badge/badge.js +9 -3
  12. package/components/badge/badge.js.map +1 -1
  13. package/components/{button/button.material.css.d.ts → badge/themes/light/badge.base.css.d.ts} +0 -0
  14. package/components/badge/themes/light/badge.base.css.js +3 -0
  15. package/components/badge/themes/light/badge.base.css.js.map +1 -0
  16. package/components/{button/icon-button.material.css.d.ts → badge/themes/light/badge.bootstrap.css.d.ts} +0 -0
  17. package/components/badge/themes/light/badge.bootstrap.css.js +3 -0
  18. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -0
  19. package/components/button/button.d.ts +1 -1
  20. package/components/button/button.js +13 -4
  21. package/components/button/button.js.map +1 -1
  22. package/components/button/icon-button.d.ts +2 -2
  23. package/components/button/icon-button.js +15 -6
  24. package/components/button/icon-button.js.map +1 -1
  25. package/components/{calendar/calendar.material.css.d.ts → button/themes/button/dark/button.fluent.css.d.ts} +0 -0
  26. package/components/button/themes/button/dark/button.fluent.css.js +3 -0
  27. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -0
  28. package/components/{calendar/days-view/days-view.material.css.d.ts → button/themes/button/light/button.base.css.d.ts} +0 -0
  29. package/components/button/themes/button/light/button.base.css.js +3 -0
  30. package/components/button/themes/button/light/button.base.css.js.map +1 -0
  31. package/components/{calendar/months-view/months-view.material.css.d.ts → button/themes/button/light/button.bootstrap.css.d.ts} +0 -0
  32. package/components/button/themes/button/light/button.bootstrap.css.js +3 -0
  33. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -0
  34. package/components/{calendar/years-view/years-view.material.css.d.ts → button/themes/button/light/button.fluent.css.d.ts} +0 -0
  35. package/components/button/themes/button/light/button.fluent.css.js +3 -0
  36. package/components/button/themes/button/light/button.fluent.css.js.map +1 -0
  37. package/components/{card/card.actions.material.css.d.ts → button/themes/button/light/button.indigo.css.d.ts} +0 -0
  38. package/components/button/themes/button/light/button.indigo.css.js +3 -0
  39. package/components/button/themes/button/light/button.indigo.css.js.map +1 -0
  40. package/components/{card/card.content.material.css.d.ts → button/themes/button/light/button.material.css.d.ts} +0 -0
  41. package/components/button/themes/button/light/button.material.css.js +3 -0
  42. package/components/button/themes/button/light/button.material.css.js.map +1 -0
  43. package/components/{card/card.header.material.css.d.ts → button/themes/icon-button/dark/icon-button.fluent.css.d.ts} +0 -0
  44. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +3 -0
  45. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -0
  46. package/components/{card/card.material.css.d.ts → button/themes/icon-button/light/icon-button.base.css.d.ts} +0 -0
  47. package/components/button/themes/icon-button/light/icon-button.base.css.js +3 -0
  48. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -0
  49. package/components/{card/card.media.material.css.d.ts → button/themes/icon-button/light/icon-button.bootstrap.css.d.ts} +0 -0
  50. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +3 -0
  51. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -0
  52. package/components/{checkbox/checkbox.material.css.d.ts → button/themes/icon-button/light/icon-button.fluent.css.d.ts} +0 -0
  53. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +3 -0
  54. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -0
  55. package/components/{checkbox/switch.material.css.d.ts → button/themes/icon-button/light/icon-button.indigo.css.d.ts} +0 -0
  56. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +3 -0
  57. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -0
  58. package/components/{input/input.dark.material.css.d.ts → button/themes/icon-button/light/icon-button.material.css.d.ts} +0 -0
  59. package/components/button/themes/icon-button/light/icon-button.material.css.js +3 -0
  60. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -0
  61. package/components/calendar/calendar.d.ts +4 -4
  62. package/components/calendar/calendar.js +16 -9
  63. package/components/calendar/calendar.js.map +1 -1
  64. package/components/calendar/days-view/days-view.d.ts +4 -4
  65. package/components/calendar/days-view/days-view.js +15 -8
  66. package/components/calendar/days-view/days-view.js.map +1 -1
  67. package/components/calendar/months-view/months-view.d.ts +1 -1
  68. package/components/calendar/months-view/months-view.js +12 -5
  69. package/components/calendar/months-view/months-view.js.map +1 -1
  70. package/components/{input/input.material.css.d.ts → calendar/themes/bootstrap/calendar.bootstrap.css.d.ts} +0 -0
  71. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +3 -0
  72. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -0
  73. package/components/{list/list-header.material.css.d.ts → calendar/themes/bootstrap/days-view.bootstrap.css.d.ts} +0 -0
  74. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +3 -0
  75. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -0
  76. package/components/{list/list-item.material.css.d.ts → calendar/themes/bootstrap/year-month-view.bootstrap.css.d.ts} +0 -0
  77. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +3 -0
  78. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -0
  79. package/components/{list/list.material.css.d.ts → calendar/themes/calendar.base.css.d.ts} +0 -0
  80. package/components/calendar/themes/calendar.base.css.js +3 -0
  81. package/components/calendar/themes/calendar.base.css.js.map +1 -0
  82. package/components/{nav-drawer/nav-drawer-header-item.material.css.d.ts → calendar/themes/days-view.base.css.d.ts} +0 -0
  83. package/components/calendar/themes/days-view.base.css.js +3 -0
  84. package/components/calendar/themes/days-view.base.css.js.map +1 -0
  85. package/components/{nav-drawer/nav-drawer-item.material.css.d.ts → calendar/themes/fluent/calendar.fluent.css.d.ts} +0 -0
  86. package/components/calendar/themes/fluent/calendar.fluent.css.js +3 -0
  87. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -0
  88. package/components/{nav-drawer/nav-drawer.material.css.d.ts → calendar/themes/fluent/days-view.fluent.css.d.ts} +0 -0
  89. package/components/calendar/themes/fluent/days-view.fluent.css.js +3 -0
  90. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -0
  91. package/components/{navbar/navbar.material.css.d.ts → calendar/themes/fluent/year-month-view.fluent.css.d.ts} +0 -0
  92. package/components/calendar/themes/fluent/year-month-view.fluent.css.js +3 -0
  93. package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -0
  94. package/components/{radio-group/radio-group.material.css.d.ts → calendar/themes/year-month-view.base.css.d.ts} +0 -0
  95. package/components/calendar/themes/year-month-view.base.css.js +3 -0
  96. package/components/calendar/themes/year-month-view.base.css.js.map +1 -0
  97. package/components/calendar/years-view/years-view.d.ts +1 -1
  98. package/components/calendar/years-view/years-view.js +11 -4
  99. package/components/calendar/years-view/years-view.js.map +1 -1
  100. package/components/card/card.actions.js +16 -4
  101. package/components/card/card.actions.js.map +1 -1
  102. package/components/card/card.content.js +17 -5
  103. package/components/card/card.content.js.map +1 -1
  104. package/components/card/card.header.js +20 -4
  105. package/components/card/card.header.js.map +1 -1
  106. package/components/card/card.js +15 -5
  107. package/components/card/card.js.map +1 -1
  108. package/components/card/card.media.js +3 -3
  109. package/components/card/card.media.js.map +1 -1
  110. package/components/{radio/radio.material.css.d.ts → card/themes/light/card.actions.bootstrap.css.d.ts} +0 -0
  111. package/components/card/themes/light/card.actions.bootstrap.css.js +3 -0
  112. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -0
  113. package/components/{slider/slider.material.css.d.ts → card/themes/light/card.actions.material.css.d.ts} +0 -0
  114. package/components/card/{card.actions.material.css.js → themes/light/card.actions.material.css.js} +0 -0
  115. package/components/card/themes/light/card.actions.material.css.js.map +1 -0
  116. package/components/card/themes/light/card.bootstrap.css.d.ts +1 -0
  117. package/components/card/themes/light/card.bootstrap.css.js +3 -0
  118. package/components/card/themes/light/card.bootstrap.css.js.map +1 -0
  119. package/components/card/themes/light/card.content.bootstrap.css.d.ts +1 -0
  120. package/components/card/themes/light/card.content.bootstrap.css.js +3 -0
  121. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -0
  122. package/components/card/themes/light/card.content.indigo.css.d.ts +1 -0
  123. package/components/card/themes/light/card.content.indigo.css.js +3 -0
  124. package/components/card/themes/light/card.content.indigo.css.js.map +1 -0
  125. package/components/card/themes/light/card.content.material.css.d.ts +1 -0
  126. package/components/card/{card.content.material.css.js → themes/light/card.content.material.css.js} +0 -0
  127. package/components/card/themes/light/card.content.material.css.js.map +1 -0
  128. package/components/card/themes/light/card.fluent.css.d.ts +1 -0
  129. package/components/card/themes/light/card.fluent.css.js +3 -0
  130. package/components/card/themes/light/card.fluent.css.js.map +1 -0
  131. package/components/card/themes/light/card.header.bootstrap.css.d.ts +1 -0
  132. package/components/card/themes/light/card.header.bootstrap.css.js +3 -0
  133. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -0
  134. package/components/card/themes/light/card.header.indigo.css.d.ts +1 -0
  135. package/components/card/themes/light/card.header.indigo.css.js +3 -0
  136. package/components/card/themes/light/card.header.indigo.css.js.map +1 -0
  137. package/components/card/themes/light/card.header.material.css.d.ts +1 -0
  138. package/components/card/themes/light/card.header.material.css.js +3 -0
  139. package/components/card/themes/light/card.header.material.css.js.map +1 -0
  140. package/components/card/themes/light/card.material.css.d.ts +1 -0
  141. package/components/card/themes/light/card.material.css.js +3 -0
  142. package/components/card/themes/light/card.material.css.js.map +1 -0
  143. package/components/card/themes/light/card.media.material.css.d.ts +1 -0
  144. package/components/card/{card.media.material.css.js → themes/light/card.media.material.css.js} +0 -0
  145. package/components/card/themes/light/card.media.material.css.js.map +1 -0
  146. package/components/checkbox/checkbox.d.ts +1 -1
  147. package/components/checkbox/checkbox.js +13 -4
  148. package/components/checkbox/checkbox.js.map +1 -1
  149. package/components/checkbox/switch.js +13 -4
  150. package/components/checkbox/switch.js.map +1 -1
  151. package/components/checkbox/themes/dark/checkbox.fluent.css.d.ts +1 -0
  152. package/components/checkbox/themes/dark/checkbox.fluent.css.js +3 -0
  153. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -0
  154. package/components/checkbox/themes/dark/checkbox.indigo.css.d.ts +1 -0
  155. package/components/checkbox/themes/dark/checkbox.indigo.css.js +3 -0
  156. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -0
  157. package/components/checkbox/themes/dark/switch.fluent.css.d.ts +1 -0
  158. package/components/checkbox/themes/dark/switch.fluent.css.js +3 -0
  159. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -0
  160. package/components/checkbox/themes/dark/switch.indigo.css.d.ts +1 -0
  161. package/components/checkbox/themes/dark/switch.indigo.css.js +3 -0
  162. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -0
  163. package/components/checkbox/themes/light/checkbox.base.css.d.ts +1 -0
  164. package/components/checkbox/themes/light/checkbox.base.css.js +3 -0
  165. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -0
  166. package/components/checkbox/themes/light/checkbox.bootstrap.css.d.ts +1 -0
  167. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +3 -0
  168. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -0
  169. package/components/checkbox/themes/light/checkbox.fluent.css.d.ts +1 -0
  170. package/components/checkbox/themes/light/checkbox.fluent.css.js +3 -0
  171. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -0
  172. package/components/checkbox/themes/light/checkbox.indigo.css.d.ts +1 -0
  173. package/components/checkbox/themes/light/checkbox.indigo.css.js +3 -0
  174. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -0
  175. package/components/checkbox/themes/light/checkbox.material.css.d.ts +1 -0
  176. package/components/checkbox/themes/light/checkbox.material.css.js +3 -0
  177. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -0
  178. package/components/checkbox/themes/light/switch.base.css.d.ts +1 -0
  179. package/components/checkbox/themes/light/switch.base.css.js +3 -0
  180. package/components/checkbox/themes/light/switch.base.css.js.map +1 -0
  181. package/components/checkbox/themes/light/switch.bootstrap.css.d.ts +1 -0
  182. package/components/checkbox/themes/light/switch.bootstrap.css.js +3 -0
  183. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -0
  184. package/components/checkbox/themes/light/switch.fluent.css.d.ts +1 -0
  185. package/components/checkbox/themes/light/switch.fluent.css.js +3 -0
  186. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -0
  187. package/components/checkbox/themes/light/switch.indigo.css.d.ts +1 -0
  188. package/components/checkbox/themes/light/switch.indigo.css.js +3 -0
  189. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -0
  190. package/components/checkbox/themes/light/switch.material.css.d.ts +1 -0
  191. package/components/checkbox/themes/light/switch.material.css.js +3 -0
  192. package/components/checkbox/themes/light/switch.material.css.js.map +1 -0
  193. package/components/chip/chip.d.ts +48 -0
  194. package/components/chip/chip.js +96 -0
  195. package/components/chip/chip.js.map +1 -0
  196. package/components/chip/themes/chip.base.css.d.ts +1 -0
  197. package/components/chip/themes/chip.base.css.js +3 -0
  198. package/components/chip/themes/chip.base.css.js.map +1 -0
  199. package/components/chip/themes/chip.bootstrap.css.d.ts +1 -0
  200. package/components/chip/themes/chip.bootstrap.css.js +3 -0
  201. package/components/chip/themes/chip.bootstrap.css.js.map +1 -0
  202. package/components/chip/themes/chip.fluent.css.d.ts +1 -0
  203. package/components/chip/themes/chip.fluent.css.js +3 -0
  204. package/components/chip/themes/chip.fluent.css.js.map +1 -0
  205. package/components/chip/themes/chip.indigo.css.d.ts +1 -0
  206. package/components/chip/themes/chip.indigo.css.js +3 -0
  207. package/components/chip/themes/chip.indigo.css.js.map +1 -0
  208. package/components/chip/themes/chip.material.css.d.ts +1 -0
  209. package/components/chip/themes/chip.material.css.js +3 -0
  210. package/components/chip/themes/chip.material.css.js.map +1 -0
  211. package/components/common/definitions/defineAllComponents.js +16 -0
  212. package/components/common/definitions/defineAllComponents.js.map +1 -1
  213. package/components/common/util.d.ts +2 -0
  214. package/components/common/util.js +2 -0
  215. package/components/common/util.js.map +1 -1
  216. package/components/form/form.js +2 -2
  217. package/components/form/form.js.map +1 -1
  218. package/components/input/input-base.d.ts +65 -0
  219. package/components/input/input-base.js +160 -0
  220. package/components/input/input-base.js.map +1 -0
  221. package/components/input/input.d.ts +6 -62
  222. package/components/input/input.js +15 -165
  223. package/components/input/input.js.map +1 -1
  224. package/components/input/themes/dark/input.dark.bootstrap.css.d.ts +1 -0
  225. package/components/input/themes/dark/input.dark.bootstrap.css.js +3 -0
  226. package/components/input/themes/dark/input.dark.bootstrap.css.js.map +1 -0
  227. package/components/input/themes/dark/input.dark.fluent.css.d.ts +1 -0
  228. package/components/input/themes/dark/input.dark.fluent.css.js +3 -0
  229. package/components/input/themes/dark/input.dark.fluent.css.js.map +1 -0
  230. package/components/input/themes/dark/input.dark.indigo.css.d.ts +1 -0
  231. package/components/input/themes/dark/input.dark.indigo.css.js +3 -0
  232. package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -0
  233. package/components/input/themes/dark/input.dark.material.css.d.ts +1 -0
  234. package/components/input/{input.dark.material.css.js → themes/dark/input.dark.material.css.js} +0 -0
  235. package/components/input/themes/dark/input.dark.material.css.js.map +1 -0
  236. package/components/input/themes/light/input.base.css.d.ts +1 -0
  237. package/components/input/themes/light/input.base.css.js +3 -0
  238. package/components/input/themes/light/input.base.css.js.map +1 -0
  239. package/components/input/themes/light/input.bootstrap.css.d.ts +1 -0
  240. package/components/input/themes/light/input.bootstrap.css.js +3 -0
  241. package/components/input/themes/light/input.bootstrap.css.js.map +1 -0
  242. package/components/input/themes/light/input.fluent.css.d.ts +1 -0
  243. package/components/input/themes/light/input.fluent.css.js +3 -0
  244. package/components/input/themes/light/input.fluent.css.js.map +1 -0
  245. package/components/input/themes/light/input.indigo.css.d.ts +1 -0
  246. package/components/input/themes/light/input.indigo.css.js +3 -0
  247. package/components/input/themes/light/input.indigo.css.js.map +1 -0
  248. package/components/input/themes/light/input.material.css.d.ts +1 -0
  249. package/components/input/themes/light/input.material.css.js +3 -0
  250. package/components/input/themes/light/input.material.css.js.map +1 -0
  251. package/components/list/list-header.js +15 -3
  252. package/components/list/list-header.js.map +1 -1
  253. package/components/list/list-item.js +17 -3
  254. package/components/list/list-item.js.map +1 -1
  255. package/components/list/list.js +15 -3
  256. package/components/list/list.js.map +1 -1
  257. package/components/list/themes/dark/list.bootstrap.css.d.ts +1 -0
  258. package/components/list/themes/dark/list.bootstrap.css.js +3 -0
  259. package/components/list/themes/dark/list.bootstrap.css.js.map +1 -0
  260. package/components/list/themes/dark/list.fluent.css.d.ts +1 -0
  261. package/components/list/themes/dark/list.fluent.css.js +3 -0
  262. package/components/list/themes/dark/list.fluent.css.js.map +1 -0
  263. package/components/list/themes/dark/list.indigo.css.d.ts +1 -0
  264. package/components/list/themes/dark/list.indigo.css.js +3 -0
  265. package/components/list/themes/dark/list.indigo.css.js.map +1 -0
  266. package/components/list/themes/light/list-header.base.css.d.ts +1 -0
  267. package/components/list/{list-header.material.css.js → themes/light/list-header.base.css.js} +1 -1
  268. package/components/list/themes/light/list-header.base.css.js.map +1 -0
  269. package/components/list/themes/light/list-header.indigo.css.d.ts +1 -0
  270. package/components/list/themes/light/list-header.indigo.css.js +3 -0
  271. package/components/list/themes/light/list-header.indigo.css.js.map +1 -0
  272. package/components/list/themes/light/list-item.base.css.d.ts +1 -0
  273. package/components/list/{list-item.material.css.js → themes/light/list-item.base.css.js} +1 -1
  274. package/components/list/themes/light/list-item.base.css.js.map +1 -0
  275. package/components/list/themes/light/list-item.bootstrap.css.d.ts +1 -0
  276. package/components/list/themes/light/list-item.bootstrap.css.js +3 -0
  277. package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -0
  278. package/components/list/themes/light/list-item.fluent.css.d.ts +1 -0
  279. package/components/list/themes/light/list-item.fluent.css.js +3 -0
  280. package/components/list/themes/light/list-item.fluent.css.js.map +1 -0
  281. package/components/list/themes/light/list-item.indigo.css.d.ts +1 -0
  282. package/components/list/themes/light/list-item.indigo.css.js +3 -0
  283. package/components/list/themes/light/list-item.indigo.css.js.map +1 -0
  284. package/components/list/themes/light/list.base.css.d.ts +1 -0
  285. package/components/list/{list.material.css.js → themes/light/list.base.css.js} +1 -1
  286. package/components/list/themes/light/list.base.css.js.map +1 -0
  287. package/components/list/themes/light/list.bootstrap.css.d.ts +1 -0
  288. package/components/list/themes/light/list.bootstrap.css.js +3 -0
  289. package/components/list/themes/light/list.bootstrap.css.js.map +1 -0
  290. package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -1
  291. package/components/nav-drawer/nav-drawer-header-item.js +16 -4
  292. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  293. package/components/nav-drawer/nav-drawer-item.d.ts +1 -1
  294. package/components/nav-drawer/nav-drawer-item.js +10 -4
  295. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  296. package/components/nav-drawer/nav-drawer.d.ts +1 -1
  297. package/components/nav-drawer/nav-drawer.js +10 -4
  298. package/components/nav-drawer/nav-drawer.js.map +1 -1
  299. package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.d.ts +1 -0
  300. package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js +3 -0
  301. package/components/nav-drawer/styles/indigo/nav-drawer-header-item.indigo.css.js.map +1 -0
  302. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.d.ts +1 -0
  303. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +3 -0
  304. package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -0
  305. package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.d.ts +1 -0
  306. package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js +3 -0
  307. package/components/nav-drawer/styles/indigo/nav-drawer.indigo.css.js.map +1 -0
  308. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.d.ts +1 -0
  309. package/components/nav-drawer/{nav-drawer-header-item.material.css.js → styles/nav-drawer-header-item.base.css.js} +1 -1
  310. package/components/nav-drawer/styles/nav-drawer-header-item.base.css.js.map +1 -0
  311. package/components/nav-drawer/styles/nav-drawer-item.base.css.d.ts +1 -0
  312. package/components/nav-drawer/styles/nav-drawer-item.base.css.js +3 -0
  313. package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -0
  314. package/components/nav-drawer/styles/nav-drawer.base.css.d.ts +1 -0
  315. package/components/nav-drawer/{nav-drawer.material.css.js → styles/nav-drawer.base.css.js} +1 -1
  316. package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -0
  317. package/components/navbar/navbar.d.ts +1 -1
  318. package/components/navbar/navbar.js +17 -4
  319. package/components/navbar/navbar.js.map +1 -1
  320. package/components/navbar/themes/light/navbar.base.css.d.ts +1 -0
  321. package/components/navbar/{navbar.material.css.js → themes/light/navbar.base.css.js} +2 -2
  322. package/components/navbar/themes/light/navbar.base.css.js.map +1 -0
  323. package/components/navbar/themes/light/navbar.bootstrap.css.d.ts +1 -0
  324. package/components/navbar/themes/light/navbar.bootstrap.css.js +3 -0
  325. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -0
  326. package/components/navbar/themes/light/navbar.indigo.css.d.ts +1 -0
  327. package/components/navbar/themes/light/navbar.indigo.css.js +3 -0
  328. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -0
  329. package/components/progress/base.d.ts +39 -0
  330. package/components/progress/base.js +142 -0
  331. package/components/progress/base.js.map +1 -0
  332. package/components/progress/circular-gradient.d.ts +25 -0
  333. package/components/progress/circular-gradient.js +30 -0
  334. package/components/progress/circular-gradient.js.map +1 -0
  335. package/components/progress/circular-progress.d.ts +48 -0
  336. package/components/progress/circular-progress.js +82 -0
  337. package/components/progress/circular-progress.js.map +1 -0
  338. package/components/progress/linear-progress.d.ts +49 -0
  339. package/components/progress/linear-progress.js +71 -0
  340. package/components/progress/linear-progress.js.map +1 -0
  341. package/components/progress/themes/circular/circular.progress.base.css.d.ts +1 -0
  342. package/components/progress/themes/circular/circular.progress.base.css.js +3 -0
  343. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -0
  344. package/components/progress/themes/circular/circular.progress.bootstrap.css.d.ts +1 -0
  345. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +3 -0
  346. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -0
  347. package/components/progress/themes/circular/circular.progress.fluent.css.d.ts +1 -0
  348. package/components/progress/themes/circular/circular.progress.fluent.css.js +3 -0
  349. package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -0
  350. package/components/progress/themes/linear/linear.progress.base.css.d.ts +1 -0
  351. package/components/progress/themes/linear/linear.progress.base.css.js +3 -0
  352. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -0
  353. package/components/progress/themes/linear/linear.progress.bootstrap.css.d.ts +1 -0
  354. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +3 -0
  355. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -0
  356. package/components/progress/themes/linear/linear.progress.fluent.css.d.ts +1 -0
  357. package/components/progress/themes/linear/linear.progress.fluent.css.js +3 -0
  358. package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -0
  359. package/components/progress/themes/linear/linear.progress.indigo.css.d.ts +1 -0
  360. package/components/progress/themes/linear/linear.progress.indigo.css.js +3 -0
  361. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -0
  362. package/components/radio/radio.d.ts +1 -1
  363. package/components/radio/radio.js +15 -5
  364. package/components/radio/radio.js.map +1 -1
  365. package/components/radio/themes/dark/radio.fluent.css.d.ts +1 -0
  366. package/components/radio/themes/dark/radio.fluent.css.js +3 -0
  367. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -0
  368. package/components/radio/themes/dark/radio.indigo.css.d.ts +1 -0
  369. package/components/radio/themes/dark/radio.indigo.css.js +3 -0
  370. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -0
  371. package/components/radio/themes/light/radio.base.css.d.ts +1 -0
  372. package/components/radio/themes/light/radio.base.css.js +3 -0
  373. package/components/radio/themes/light/radio.base.css.js.map +1 -0
  374. package/components/radio/themes/light/radio.bootstrap.css.d.ts +1 -0
  375. package/components/radio/themes/light/radio.bootstrap.css.js +3 -0
  376. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -0
  377. package/components/radio/themes/light/radio.fluent.css.d.ts +1 -0
  378. package/components/radio/themes/light/radio.fluent.css.js +3 -0
  379. package/components/radio/themes/light/radio.fluent.css.js.map +1 -0
  380. package/components/radio/themes/light/radio.indigo.css.d.ts +1 -0
  381. package/components/radio/themes/light/radio.indigo.css.js +3 -0
  382. package/components/radio/themes/light/radio.indigo.css.js.map +1 -0
  383. package/components/radio/themes/light/radio.material.css.d.ts +1 -0
  384. package/components/radio/themes/light/radio.material.css.js +3 -0
  385. package/components/radio/themes/light/radio.material.css.js.map +1 -0
  386. package/components/radio-group/radio-group.base.css.d.ts +1 -0
  387. package/components/radio-group/{radio-group.material.css.js → radio-group.base.css.js} +1 -1
  388. package/components/radio-group/radio-group.base.css.js.map +1 -0
  389. package/components/radio-group/radio-group.js +1 -1
  390. package/components/radio-group/radio-group.js.map +1 -1
  391. package/components/rating/rating-symbol.d.ts +18 -0
  392. package/components/rating/rating-symbol.js +8 -0
  393. package/components/rating/rating-symbol.js.map +1 -0
  394. package/components/rating/rating.base.css.d.ts +1 -0
  395. package/components/rating/rating.base.css.js +3 -0
  396. package/components/rating/rating.base.css.js.map +1 -0
  397. package/components/rating/rating.bootstrap.css.d.ts +1 -0
  398. package/components/rating/rating.bootstrap.css.js +3 -0
  399. package/components/rating/rating.bootstrap.css.js.map +1 -0
  400. package/components/rating/rating.d.ts +97 -0
  401. package/components/rating/rating.fluent.css.d.ts +1 -0
  402. package/components/rating/rating.fluent.css.js +3 -0
  403. package/components/rating/rating.fluent.css.js.map +1 -0
  404. package/components/rating/rating.indigo.css.d.ts +1 -0
  405. package/components/rating/rating.indigo.css.js +3 -0
  406. package/components/rating/rating.indigo.css.js.map +1 -0
  407. package/components/rating/rating.js +257 -0
  408. package/components/rating/rating.js.map +1 -0
  409. package/components/slider/slider-base.d.ts +1 -1
  410. package/components/slider/slider-base.js +13 -4
  411. package/components/slider/slider-base.js.map +1 -1
  412. package/components/slider/slider-label.d.ts +5 -0
  413. package/components/slider/slider-label.js.map +1 -1
  414. package/components/slider/themes/dark/slider.bootstrap.css.d.ts +1 -0
  415. package/components/slider/themes/dark/slider.bootstrap.css.js +3 -0
  416. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -0
  417. package/components/slider/themes/dark/slider.fluent.css.d.ts +1 -0
  418. package/components/slider/themes/dark/slider.fluent.css.js +3 -0
  419. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -0
  420. package/components/slider/themes/dark/slider.indigo.css.d.ts +1 -0
  421. package/components/slider/themes/dark/slider.indigo.css.js +3 -0
  422. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -0
  423. package/components/slider/themes/light/slider.base.css.d.ts +1 -0
  424. package/components/slider/themes/light/slider.base.css.js +3 -0
  425. package/components/slider/themes/light/slider.base.css.js.map +1 -0
  426. package/components/slider/themes/light/slider.bootstrap.css.d.ts +1 -0
  427. package/components/slider/themes/light/slider.bootstrap.css.js +3 -0
  428. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -0
  429. package/components/slider/themes/light/slider.fluent.css.d.ts +1 -0
  430. package/components/slider/themes/light/slider.fluent.css.js +3 -0
  431. package/components/slider/themes/light/slider.fluent.css.js.map +1 -0
  432. package/components/slider/themes/light/slider.indigo.css.d.ts +1 -0
  433. package/components/slider/themes/light/slider.indigo.css.js +3 -0
  434. package/components/slider/themes/light/slider.indigo.css.js.map +1 -0
  435. package/components/slider/themes/light/slider.material.css.d.ts +1 -0
  436. package/components/slider/themes/light/slider.material.css.js +3 -0
  437. package/components/slider/themes/light/slider.material.css.js.map +1 -0
  438. package/components/snackbar/snackbar.d.ts +47 -0
  439. package/components/snackbar/snackbar.js +82 -0
  440. package/components/snackbar/snackbar.js.map +1 -0
  441. package/components/snackbar/themes/snackbar.base.css.d.ts +1 -0
  442. package/components/snackbar/themes/snackbar.base.css.js +3 -0
  443. package/components/snackbar/themes/snackbar.base.css.js.map +1 -0
  444. package/components/snackbar/themes/snackbar.bootstrap.css.d.ts +1 -0
  445. package/components/snackbar/themes/snackbar.bootstrap.css.js +3 -0
  446. package/components/snackbar/themes/snackbar.bootstrap.css.js.map +1 -0
  447. package/components/snackbar/themes/snackbar.fluent.css.d.ts +1 -0
  448. package/components/snackbar/themes/snackbar.fluent.css.js +3 -0
  449. package/components/snackbar/themes/snackbar.fluent.css.js.map +1 -0
  450. package/components/snackbar/themes/snackbar.indigo.css.d.ts +1 -0
  451. package/components/snackbar/themes/snackbar.indigo.css.js +3 -0
  452. package/components/snackbar/themes/snackbar.indigo.css.js.map +1 -0
  453. package/components/toast/themes/toast.base.css.d.ts +1 -0
  454. package/components/toast/themes/toast.base.css.js +3 -0
  455. package/components/toast/themes/toast.base.css.js.map +1 -0
  456. package/components/toast/themes/toast.bootstrap.css.d.ts +1 -0
  457. package/components/toast/themes/toast.bootstrap.css.js +3 -0
  458. package/components/toast/themes/toast.bootstrap.css.js.map +1 -0
  459. package/components/toast/themes/toast.fluent.css.d.ts +1 -0
  460. package/components/toast/themes/toast.fluent.css.js +3 -0
  461. package/components/toast/themes/toast.fluent.css.js.map +1 -0
  462. package/components/toast/themes/toast.indigo.css.d.ts +1 -0
  463. package/components/toast/themes/toast.indigo.css.js +3 -0
  464. package/components/toast/themes/toast.indigo.css.js.map +1 -0
  465. package/components/toast/toast.d.ts +33 -0
  466. package/components/toast/toast.js +64 -0
  467. package/components/toast/toast.js.map +1 -0
  468. package/custom-elements.json +1086 -215
  469. package/index.d.ts +26 -17
  470. package/index.js +25 -15
  471. package/index.js.map +1 -1
  472. package/package.json +2 -2
  473. package/themes/dark/bootstrap.css +1 -1
  474. package/themes/dark/fluent.css +1 -1
  475. package/themes/dark/indigo.css +1 -1
  476. package/themes/dark/material.css +1 -1
  477. package/themes/light/bootstrap.css +1 -1
  478. package/themes/light/fluent.css +1 -1
  479. package/themes/light/indigo.css +1 -1
  480. package/themes/light/material.css +1 -1
  481. package/theming/config.d.ts +14 -0
  482. package/theming/config.js +27 -0
  483. package/theming/config.js.map +1 -0
  484. package/theming/index.d.ts +4 -0
  485. package/theming/index.js +5 -0
  486. package/theming/index.js.map +1 -0
  487. package/theming/theming-controlller.d.ts +17 -0
  488. package/theming/theming-controlller.js +49 -0
  489. package/theming/theming-controlller.js.map +1 -0
  490. package/theming/theming-decorator.d.ts +24 -0
  491. package/theming/theming-decorator.js +13 -0
  492. package/theming/theming-decorator.js.map +1 -0
  493. package/theming/theming-event.d.ts +13 -0
  494. package/theming/theming-event.js +2 -0
  495. package/theming/theming-event.js.map +1 -0
  496. package/theming/types.d.ts +23 -0
  497. package/theming/types.js +2 -0
  498. package/theming/types.js.map +1 -0
  499. package/theming/utils.d.ts +1 -0
  500. package/theming/utils.js +36 -0
  501. package/theming/utils.js.map +1 -0
  502. package/vscode-html-custom-data.json +392 -50
  503. package/components/avatar/avatar.material.css.js.map +0 -1
  504. package/components/badge/badge.material.css.js +0 -3
  505. package/components/badge/badge.material.css.js.map +0 -1
  506. package/components/button/button.material.css.js +0 -3
  507. package/components/button/button.material.css.js.map +0 -1
  508. package/components/button/icon-button.material.css.js +0 -3
  509. package/components/button/icon-button.material.css.js.map +0 -1
  510. package/components/calendar/calendar.material.css.js +0 -3
  511. package/components/calendar/calendar.material.css.js.map +0 -1
  512. package/components/calendar/days-view/days-view.material.css.js +0 -3
  513. package/components/calendar/days-view/days-view.material.css.js.map +0 -1
  514. package/components/calendar/months-view/months-view.material.css.js +0 -3
  515. package/components/calendar/months-view/months-view.material.css.js.map +0 -1
  516. package/components/calendar/years-view/years-view.material.css.js +0 -3
  517. package/components/calendar/years-view/years-view.material.css.js.map +0 -1
  518. package/components/card/card.actions.material.css.js.map +0 -1
  519. package/components/card/card.content.material.css.js.map +0 -1
  520. package/components/card/card.header.material.css.js +0 -3
  521. package/components/card/card.header.material.css.js.map +0 -1
  522. package/components/card/card.material.css.js +0 -3
  523. package/components/card/card.material.css.js.map +0 -1
  524. package/components/card/card.media.material.css.js.map +0 -1
  525. package/components/checkbox/checkbox.material.css.js +0 -3
  526. package/components/checkbox/checkbox.material.css.js.map +0 -1
  527. package/components/checkbox/switch.material.css.js +0 -3
  528. package/components/checkbox/switch.material.css.js.map +0 -1
  529. package/components/input/input.dark.material.css.js.map +0 -1
  530. package/components/input/input.material.css.js +0 -3
  531. package/components/input/input.material.css.js.map +0 -1
  532. package/components/list/list-header.material.css.js.map +0 -1
  533. package/components/list/list-item.material.css.js.map +0 -1
  534. package/components/list/list.material.css.js.map +0 -1
  535. package/components/nav-drawer/nav-drawer-header-item.material.css.js.map +0 -1
  536. package/components/nav-drawer/nav-drawer-item.material.css.js +0 -3
  537. package/components/nav-drawer/nav-drawer-item.material.css.js.map +0 -1
  538. package/components/nav-drawer/nav-drawer.material.css.js.map +0 -1
  539. package/components/navbar/navbar.material.css.js.map +0 -1
  540. package/components/radio/radio.material.css.js +0 -3
  541. package/components/radio/radio.material.css.js.map +0 -1
  542. package/components/radio-group/radio-group.material.css.js.map +0 -1
  543. package/components/slider/slider.material.css.js +0 -3
  544. package/components/slider/slider.material.css.js.map +0 -1
@@ -0,0 +1,48 @@
1
+ import { IgcProgressBaseComponent } from './base';
2
+ import IgcCircularGradientComponent from './circular-gradient';
3
+ /**
4
+ * A circular progress indicator used to express unspecified wait time or display
5
+ * the length of a process.
6
+ *
7
+ * @element igc-circular-progress
8
+ *
9
+ * @slot - The text area container.
10
+ * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.
11
+ *
12
+ * @csspart svg
13
+ * @csspart gradient_start
14
+ * @csspart gradient_end
15
+ * @csspart track
16
+ * @csspart fill
17
+ * @csspart label
18
+ * @csspart value
19
+ * @csspart indeterminate
20
+ * @csspart primary
21
+ * @csspart danger
22
+ * @csspart warning
23
+ * @csspart info
24
+ * @csspart success
25
+ */
26
+ export default class IgcCircularProgressComponent extends IgcProgressBaseComponent {
27
+ static readonly tagName = "igc-circular-progress";
28
+ static styles: import("lit").CSSResult;
29
+ protected gradientId: string;
30
+ protected gradientElements: Array<IgcCircularGradientComponent>;
31
+ protected get stroke(): {
32
+ stroke: string;
33
+ '--percentage': string;
34
+ '--duration': string;
35
+ };
36
+ protected get svgParts(): {
37
+ indeterminate: boolean;
38
+ };
39
+ private gradientChange;
40
+ protected renderSvg(): import("lit-html").TemplateResult<2>;
41
+ protected renderWrapper(): import("lit-html").TemplateResult<1>;
42
+ protected render(): import("lit-html").TemplateResult<1>;
43
+ }
44
+ declare global {
45
+ interface HTMLElementTagNameMap {
46
+ 'igc-circular-progress': IgcCircularProgressComponent;
47
+ }
48
+ }
@@ -0,0 +1,82 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { html, nothing, svg } from 'lit';
8
+ import { queryAssignedElements } from 'lit/decorators.js';
9
+ import { when } from 'lit/directives/when.js';
10
+ import { styleMap } from 'lit/directives/style-map.js';
11
+ import { asPercent, partNameMap } from '../common/util';
12
+ import { IgcProgressBaseComponent } from './base';
13
+ import { styles } from './themes/circular/circular.progress.base.css';
14
+ import { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css';
15
+ import { styles as fluent } from './themes/circular/circular.progress.fluent.css';
16
+ import { themes } from '../../theming';
17
+ let IgcCircularProgressComponent = class IgcCircularProgressComponent extends IgcProgressBaseComponent {
18
+ constructor() {
19
+ super(...arguments);
20
+ this.gradientId = Date.now().toString(16);
21
+ }
22
+ get stroke() {
23
+ return {
24
+ stroke: `url(#${this.gradientId})`,
25
+ '--percentage': (asPercent(this.value, this.max) / 100).toString(),
26
+ '--duration': this.animationDuration + 'ms',
27
+ };
28
+ }
29
+ get svgParts() {
30
+ return {
31
+ indeterminate: this.indeterminate,
32
+ };
33
+ }
34
+ gradientChange() {
35
+ this.requestUpdate();
36
+ }
37
+ renderSvg() {
38
+ return svg `
39
+ <circle part="track ${partNameMap(this.svgParts)}"/>
40
+ <circle style="${styleMap(this.stroke)}" part="fill"/>
41
+
42
+ <defs>
43
+ <linearGradient id=${this.gradientId} gradientTransform="rotate(90)">
44
+ ${when(this.gradientElements.length, () => this.gradientElements.map((el) => {
45
+ return svg `<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;
46
+ }), () => svg `
47
+ <stop offset="0%" part="gradient_start" />
48
+ <stop offset="100%" part="gradient_end" />
49
+ `)}
50
+ </linearGradient>
51
+ </defs>
52
+ `;
53
+ }
54
+ renderWrapper() {
55
+ return html `
56
+ <svg
57
+ part="svg ${partNameMap(this.svgParts)}"
58
+ role="progressbar"
59
+ aria-valuemin="0"
60
+ aria-valuemax=${this.max}
61
+ aria-valuenow=${this.indeterminate ? nothing : this.value}
62
+ >
63
+ ${this.renderSvg()}
64
+ </svg>
65
+ <slot name="gradient" @slotchange=${this.gradientChange}></slot>
66
+ ${this.renderDefaultSlot()}
67
+ `;
68
+ }
69
+ render() {
70
+ return this.renderWrapper();
71
+ }
72
+ };
73
+ IgcCircularProgressComponent.tagName = 'igc-circular-progress';
74
+ IgcCircularProgressComponent.styles = styles;
75
+ __decorate([
76
+ queryAssignedElements({ slot: 'gradient' })
77
+ ], IgcCircularProgressComponent.prototype, "gradientElements", void 0);
78
+ IgcCircularProgressComponent = __decorate([
79
+ themes({ bootstrap, fluent })
80
+ ], IgcCircularProgressComponent);
81
+ export default IgcCircularProgressComponent;
82
+ //# sourceMappingURL=circular-progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../src/components/progress/circular-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AA2BvC,IAAqB,4BAA4B,GAAjD,MAAqB,4BAA6B,SAAQ,wBAAwB;IAAlF;;QAIY,eAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAiEjD,CAAC;IA5DC,IAAc,MAAM;QAClB,OAAO;YACL,MAAM,EAAE,QAAQ,IAAI,CAAC,UAAU,GAAG;YAClC,cAAc,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE;YAClE,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,SAAS;QACjB,OAAO,GAAG,CAAA;4BACc,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;uBAC/B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;;;+BAGb,IAAI,CAAC,UAAU;YAClC,IAAI,CACJ,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAC5B,GAAG,EAAE,CACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAgC,EAAE,EAAE;YAC7D,OAAO,GAAG,CAAA,gBAAgB,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,KAAK,iBAAiB,EAAE,CAAC,OAAO,IAAI,CAAC;QAC5F,CAAC,CAAC,EACJ,GAAG,EAAE,CAAC,GAAG,CAAA;;;WAGV,CACA;;;KAGN,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;oBAEK,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC;;;wBAGtB,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;UAEvD,IAAI,CAAC,SAAS,EAAE;;0CAEgB,IAAI,CAAC,cAAc;QACrD,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AApEwB,oCAAO,GAAG,uBAAwB,CAAA;AAClC,mCAAM,GAAG,MAAO,CAAA;AAKvC;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;sEACqB;AAP9C,4BAA4B;IADhD,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;GACT,4BAA4B,CAqEhD;eArEoB,4BAA4B","sourcesContent":["import { html, nothing, svg } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { asPercent, partNameMap } from '../common/util';\nimport { IgcProgressBaseComponent } from './base';\nimport { styles } from './themes/circular/circular.progress.base.css';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css';\nimport IgcCircularGradientComponent from './circular-gradient';\nimport { themes } from '../../theming';\n\n/**\n * A circular progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-circular-progress\n *\n * @slot - The text area container.\n * @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n *\n * @csspart svg\n * @csspart gradient_start\n * @csspart gradient_end\n * @csspart track\n * @csspart fill\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n\n@themes({ bootstrap, fluent })\nexport default class IgcCircularProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-circular-progress';\n public static override styles = styles;\n\n protected gradientId = Date.now().toString(16);\n\n @queryAssignedElements({ slot: 'gradient' })\n protected gradientElements!: Array<IgcCircularGradientComponent>;\n\n protected get stroke() {\n return {\n stroke: `url(#${this.gradientId})`,\n '--percentage': (asPercent(this.value, this.max) / 100).toString(),\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected get svgParts() {\n return {\n indeterminate: this.indeterminate,\n };\n }\n\n private gradientChange() {\n this.requestUpdate();\n }\n\n protected renderSvg() {\n return svg`\n <circle part=\"track ${partNameMap(this.svgParts)}\"/>\n <circle style=\"${styleMap(this.stroke)}\" part=\"fill\"/>\n\n <defs>\n <linearGradient id=${this.gradientId} gradientTransform=\"rotate(90)\">\n ${when(\n this.gradientElements.length,\n () =>\n this.gradientElements.map((el: IgcCircularGradientComponent) => {\n return svg`<stop offset=${el.offset} stop-color=${el.color} stop-opacity=${el.opacity}/>`;\n }),\n () => svg`\n <stop offset=\"0%\" part=\"gradient_start\" />\n <stop offset=\"100%\" part=\"gradient_end\" />\n `\n )}\n </linearGradient>\n </defs>\n `;\n }\n\n protected renderWrapper() {\n return html`\n <svg\n part=\"svg ${partNameMap(this.svgParts)}\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n ${this.renderSvg()}\n </svg>\n <slot name=\"gradient\" @slotchange=${this.gradientChange}></slot>\n ${this.renderDefaultSlot()}\n `;\n }\n\n protected override render() {\n return this.renderWrapper();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-progress': IgcCircularProgressComponent;\n }\n}\n"]}
@@ -0,0 +1,49 @@
1
+ import { IgcProgressBaseComponent } from './base';
2
+ /**
3
+ * A linear progress indicator used to express unspecified wait time or display
4
+ * the length of a process.
5
+ *
6
+ * @element igc-linear-progress
7
+ *
8
+ * @slot - The text area container.
9
+ *
10
+ * @csspart track
11
+ * @csspart fill
12
+ * @csspart striped
13
+ * @csspart label
14
+ * @csspart value
15
+ * @csspart indeterminate
16
+ * @csspart primary
17
+ * @csspart danger
18
+ * @csspart warning
19
+ * @csspart info
20
+ * @csspart success
21
+ */
22
+ export default class IgcLinearProgressComponent extends IgcProgressBaseComponent {
23
+ static readonly tagName = "igc-linear-progress";
24
+ static styles: import("lit").CSSResult;
25
+ /** Sets the striped look of the control. */
26
+ striped: boolean;
27
+ /** The position for the default label of the control. */
28
+ labelAlign: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
29
+ protected get wrapperParts(): {
30
+ fill: boolean;
31
+ striped: boolean;
32
+ indeterminate: boolean;
33
+ primary: boolean;
34
+ success: boolean;
35
+ danger: boolean;
36
+ warning: boolean;
37
+ info: boolean;
38
+ };
39
+ protected get animInfo(): {
40
+ width: string;
41
+ '--duration': string;
42
+ };
43
+ protected render(): import("lit-html").TemplateResult<1>;
44
+ }
45
+ declare global {
46
+ interface HTMLElementTagNameMap {
47
+ 'igc-linear-progress': IgcLinearProgressComponent;
48
+ }
49
+ }
@@ -0,0 +1,71 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { html, nothing } from 'lit';
8
+ import { property } from 'lit/decorators.js';
9
+ import { asPercent, partNameMap } from '../common/util';
10
+ import { IgcProgressBaseComponent } from './base';
11
+ import { styles } from './themes/linear/linear.progress.base.css';
12
+ import { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css';
13
+ import { styles as fluent } from './themes/linear/linear.progress.fluent.css';
14
+ import { styles as indigo } from './themes/linear/linear.progress.indigo.css';
15
+ import { themes } from '../../theming';
16
+ import { styleMap } from 'lit/directives/style-map.js';
17
+ let IgcLinearProgressComponent = class IgcLinearProgressComponent extends IgcProgressBaseComponent {
18
+ constructor() {
19
+ super(...arguments);
20
+ this.striped = false;
21
+ this.labelAlign = 'top-start';
22
+ }
23
+ get wrapperParts() {
24
+ return {
25
+ fill: true,
26
+ striped: this.striped,
27
+ indeterminate: this.indeterminate,
28
+ primary: this.variant === 'primary',
29
+ success: this.variant === 'success',
30
+ danger: this.variant === 'danger',
31
+ warning: this.variant === 'warning',
32
+ info: this.variant === 'info',
33
+ };
34
+ }
35
+ get animInfo() {
36
+ return {
37
+ width: asPercent(this.value, this.max) + '%',
38
+ '--duration': this.animationDuration + 'ms',
39
+ };
40
+ }
41
+ render() {
42
+ return html `
43
+ <div
44
+ part="track"
45
+ role="progressbar"
46
+ aria-valuemin="0"
47
+ aria-valuemax=${this.max}
48
+ aria-valuenow=${this.indeterminate ? nothing : this.value}
49
+ >
50
+ <div
51
+ part="${partNameMap(this.wrapperParts)}"
52
+ style="${styleMap(this.animInfo)}"
53
+ ></div>
54
+ </div>
55
+ ${this.renderDefaultSlot()}
56
+ `;
57
+ }
58
+ };
59
+ IgcLinearProgressComponent.tagName = 'igc-linear-progress';
60
+ IgcLinearProgressComponent.styles = styles;
61
+ __decorate([
62
+ property({ type: Boolean, reflect: true })
63
+ ], IgcLinearProgressComponent.prototype, "striped", void 0);
64
+ __decorate([
65
+ property({ attribute: 'label-align', reflect: true })
66
+ ], IgcLinearProgressComponent.prototype, "labelAlign", void 0);
67
+ IgcLinearProgressComponent = __decorate([
68
+ themes({ bootstrap, indigo, fluent })
69
+ ], IgcLinearProgressComponent);
70
+ export default IgcLinearProgressComponent;
71
+ //# sourceMappingURL=linear-progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAuBvD,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,wBAAwB;IAAhF;;QAMS,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAME,WAAW,CAAC;IAuCjC,CAAC;IArCC,IAAc,YAAY;QACxB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;IACJ,CAAC;IAED,IAAc,QAAQ;QACpB,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAC5C,YAAY,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI;SAC5C,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;wBAKS,IAAI,CAAC,GAAG;wBACR,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;;;kBAG/C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;mBAC7B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;;QAGlC,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;CACF,CAAA;AAtDwB,kCAAO,GAAG,qBAAsB,CAAA;AAChC,iCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AAhBZ,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,0BAA0B,CAuD9C;eAvDoB,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util';\nimport { IgcProgressBaseComponent } from './base';\nimport { styles } from './themes/linear/linear.progress.base.css';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css';\nimport { themes } from '../../theming';\nimport { styleMap } from 'lit/directives/style-map.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n@themes({ bootstrap, indigo, fluent })\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = styles;\n\n /** Sets the striped look of the control. */\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /** The position for the default label of the control. */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'bottom-start'\n | 'bottom'\n | 'bottom-end' = 'top-start';\n\n protected get wrapperParts() {\n return {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n }\n\n protected get animInfo() {\n return {\n width: asPercent(this.value, this.max) + '%',\n '--duration': this.animationDuration + 'ms',\n };\n }\n\n protected override render() {\n return html`\n <div\n part=\"track\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=${this.max}\n aria-valuenow=${this.indeterminate ? nothing : this.value}\n >\n <div\n part=\"${partNameMap(this.wrapperParts)}\"\n style=\"${styleMap(this.animInfo)}\"\n ></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:transparent;stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
3
+ //# sourceMappingURL=circular.progress.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2hQAA2hQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 0.125rem;--diameter: 1.875rem}[part~=label]{fill:hsla(var(--igc-gray-900), var(--igc-gray-a));position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:calc(var(--diameter)/3 - var(--stroke-thickness));line-height:normal}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness))}[part~=track]{stroke:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;-o-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);--percentage: 0;--duration: 500ms}[part~=track],[part~=fill]{fill:transparent;stroke-width:var(--stroke-thickness);cx:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);cy:calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5)}[part~=gradient_start],[part~=gradient_end]{stop-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=danger]) [part~=gradient_start],:host([variant=danger]) [part~=gradient_end]{stop-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([variant=warning]) [part~=gradient_start],:host([variant=warning]) [part~=gradient_end]{stop-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}:host([variant=info]) [part~=gradient_start],:host([variant=info]) [part~=gradient_end]{stop-color:hsla(var(--igc-info-500), var(--igc-info-a))}:host([variant=success]) [part~=gradient_start],:host([variant=success]) [part~=gradient_end]{stop-color:hsla(var(--igc-success-500), var(--igc-success-a))}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:transparent}`;
3
+ //# sourceMappingURL=circular.progress.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sTAAsT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.25rem;--diameter: 1.75rem}[part~=svg][part~=indeterminate]{-webkit-animation-duration:.75s;animation-duration:.75s}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:60% !important;-webkit-animation:none;animation:none}[part~=track][part~=indeterminate]{stroke:transparent}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--stroke-thickness: 0.09375rem}[part~=track]{stroke:hsla(var(--igc-primary-50), 0.3)}`;
3
+ //# sourceMappingURL=circular.progress.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6FAA6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.09375rem}[part~=track]{stroke:hsla(var(--igc-primary-50), 0.3)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:"";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
3
+ //# sourceMappingURL=linear.progress.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxTAAgxT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:\"\";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;
3
+ //# sourceMappingURL=linear.progress.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvOAAwvO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{--track-size: 1rem}[part~=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=striped][part~=primary]{background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.3125rem, hsla(var(--igc-gray-50), 0.2) 0.625rem)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--track-size: 0.125rem}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]{width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}[part~=indeterminate]::before{display:none}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part="fill indeterminate primary"]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;
3
+ //# sourceMappingURL=linear.progress.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+zFAA+zF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-size: 0.125rem}[part~=track]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));margin:.5rem 0}[part~=label]{font-size:.875rem;font-weight:400}[part~=indeterminate]{width:33% !important;min-width:33%;-webkit-animation-name:indeterminate-bar-fluent;animation-name:indeterminate-bar-fluent;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}[part~=indeterminate]::before{display:none}:host([dir=rtl]) [part~=indeterminate]{-webkit-animation-name:indeterminate-bar-fluent-rtl;animation-name:indeterminate-bar-fluent-rtl}[part=\"fill indeterminate primary\"]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-primary-500), var(--igc-primary-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-primary-500), var(--igc-primary-a)) 50%, transparent 100%)}[part~=danger][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-error-500), var(--igc-error-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-error-500), var(--igc-error-a)) 50%, transparent 100%)}[part~=warning][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-warn-500), var(--igc-warn-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-warn-500), var(--igc-warn-a)) 50%, transparent 100%)}[part~=info][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-info-500), var(--igc-info-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-info-500), var(--igc-info-a)) 50%, transparent 100%)}[part~=success][part~=indeterminate]{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, hsla(var(--igc-success-500), var(--igc-success-a))), to(transparent));background:-o-linear-gradient(left, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%);background:linear-gradient(90deg, transparent 0%, hsla(var(--igc-success-500), var(--igc-success-a)) 50%, transparent 100%)}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=striped]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;
3
+ //# sourceMappingURL=linear.progress.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnCAAqnC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=striped]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem);background:hsla(var(--igc-secondary-500), var(--igc-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--igc-secondary-500), var(--igc-secondary-a)), hsla(var(--igc-secondary-500), var(--igc-secondary-a)) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.375rem, hsla(var(--igc-gray-50), 0.7) 0.875rem)}`;\n"]}
@@ -21,7 +21,7 @@ declare const IgcRadioComponent_base: Constructor<import("../common/mixins/event
21
21
  */
22
22
  export default class IgcRadioComponent extends IgcRadioComponent_base {
23
23
  static readonly tagName = "igc-radio";
24
- static styles: import("lit").CSSResult;
24
+ protected static styles: import("lit").CSSResult;
25
25
  private inputId;
26
26
  private labelId;
27
27
  protected input: HTMLInputElement;
@@ -6,14 +6,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
6
6
  };
7
7
  import { html, LitElement } from 'lit';
8
8
  import { property, query, state } from 'lit/decorators.js';
9
- import { styles } from './radio.material.css';
10
- import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
11
- import { alternateName, watch, blazorTwoWayBind } from '../common/decorators';
12
9
  import { ifDefined } from 'lit/directives/if-defined.js';
13
10
  import { live } from 'lit/directives/live.js';
11
+ import { themes } from '../../theming';
12
+ import { alternateName, blazorTwoWayBind, watch } from '../common/decorators';
13
+ import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
14
14
  import { partNameMap } from '../common/util.js';
15
+ import { styles } from './themes/light/radio.base.css';
16
+ import { styles as bootstrap } from './themes/light/radio.bootstrap.css';
17
+ import { styles as fluent } from './themes/light/radio.fluent.css';
18
+ import { styles as indigo } from './themes/light/radio.indigo.css';
19
+ import { styles as material } from './themes/light/radio.material.css';
15
20
  let nextId = 0;
16
- export default class IgcRadioComponent extends EventEmitterMixin(LitElement) {
21
+ let IgcRadioComponent = class IgcRadioComponent extends EventEmitterMixin(LitElement) {
17
22
  constructor() {
18
23
  super(...arguments);
19
24
  this.inputId = `radio-${nextId++}`;
@@ -94,6 +99,7 @@ export default class IgcRadioComponent extends EventEmitterMixin(LitElement) {
94
99
  value="${ifDefined(this.value)}"
95
100
  .required="${this.required}"
96
101
  .disabled="${this.disabled}"
102
+ .invalid="${this.invalid}"
97
103
  .checked="${live(this.checked)}"
98
104
  tabindex=${this._tabIndex}
99
105
  aria-checked="${this.checked ? 'true' : 'false'}"
@@ -117,7 +123,7 @@ export default class IgcRadioComponent extends EventEmitterMixin(LitElement) {
117
123
  </label>
118
124
  `;
119
125
  }
120
- }
126
+ };
121
127
  IgcRadioComponent.tagName = 'igc-radio';
122
128
  IgcRadioComponent.styles = styles;
123
129
  __decorate([
@@ -160,4 +166,8 @@ __decorate([
160
166
  __decorate([
161
167
  watch('checked', { waitUntilFirstUpdate: true })
162
168
  ], IgcRadioComponent.prototype, "handleChange", null);
169
+ IgcRadioComponent = __decorate([
170
+ themes({ material, bootstrap, fluent, indigo })
171
+ ], IgcRadioComponent);
172
+ export default IgcRadioComponent;
163
173
  //# sourceMappingURL=radio.js.map