igniteui-webcomponents 4.0.0 → 4.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 (642) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/accordion/accordion.d.ts +4 -0
  3. package/components/accordion/accordion.js +3 -3
  4. package/components/accordion/accordion.js.map +1 -1
  5. package/components/accordion/themes/accordion.base.css.js +1 -1
  6. package/components/accordion/themes/accordion.base.css.js.map +1 -1
  7. package/components/avatar/avatar.d.ts +16 -4
  8. package/components/avatar/avatar.js +6 -6
  9. package/components/avatar/avatar.js.map +1 -1
  10. package/components/avatar/themes/avatar.base.css.js +1 -1
  11. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  12. package/components/avatar/themes/avatar.bootstrap.css.js +1 -1
  13. package/components/avatar/themes/avatar.bootstrap.css.js.map +1 -1
  14. package/components/badge/badge.d.ts +12 -3
  15. package/components/badge/badge.js.map +1 -1
  16. package/components/badge/themes/light/badge.base.css.js +1 -1
  17. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  18. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  19. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  20. package/components/button/button-base.d.ts +15 -3
  21. package/components/button/button-base.js.map +1 -1
  22. package/components/button/button.d.ts +4 -1
  23. package/components/button/button.js.map +1 -1
  24. package/components/button/icon-button.d.ts +16 -4
  25. package/components/button/icon-button.js.map +1 -1
  26. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  27. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  28. package/components/button/themes/button/light/button.base.css.js +1 -1
  29. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  30. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  31. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  32. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  33. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  34. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  35. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  36. package/components/button/themes/button/light/button.material.css.js +1 -1
  37. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  38. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  39. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  40. package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
  41. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  42. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  43. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  44. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  45. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  46. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  47. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  48. package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
  49. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  50. package/components/calendar/calendar.js +3 -3
  51. package/components/calendar/calendar.js.map +1 -1
  52. package/components/calendar/common/calendar-base.js.map +1 -1
  53. package/components/calendar/common/calendar.model.d.ts +1 -1
  54. package/components/calendar/days-view/days-view.js +6 -6
  55. package/components/calendar/days-view/days-view.js.map +1 -1
  56. package/components/calendar/months-view/months-view.js +3 -3
  57. package/components/calendar/months-view/months-view.js.map +1 -1
  58. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +1 -1
  59. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -1
  60. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
  61. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
  62. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +1 -1
  63. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  64. package/components/calendar/themes/calendar.base.css.js +1 -1
  65. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  66. package/components/calendar/themes/days-view.base.css.js +1 -1
  67. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  68. package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
  69. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  70. package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
  71. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
  72. package/components/calendar/themes/fluent/year-month-view.fluent.css.js +1 -1
  73. package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -1
  74. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  75. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  76. package/components/calendar/years-view/years-view.js +3 -3
  77. package/components/calendar/years-view/years-view.js.map +1 -1
  78. package/components/card/card.actions.d.ts +4 -1
  79. package/components/card/card.actions.js.map +1 -1
  80. package/components/card/card.content.js.map +1 -1
  81. package/components/card/card.d.ts +4 -1
  82. package/components/card/card.header.js.map +1 -1
  83. package/components/card/card.js.map +1 -1
  84. package/components/card/themes/light/card.actions.bootstrap.css.js +1 -1
  85. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  86. package/components/card/themes/light/card.actions.material.css.js +1 -1
  87. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  88. package/components/card/themes/light/card.bootstrap.css.js +1 -1
  89. package/components/card/themes/light/card.bootstrap.css.js.map +1 -1
  90. package/components/card/themes/light/card.content.bootstrap.css.js +1 -1
  91. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  92. package/components/card/themes/light/card.content.indigo.css.js +1 -1
  93. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  94. package/components/card/themes/light/card.content.material.css.js +1 -1
  95. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  96. package/components/card/themes/light/card.fluent.css.js +1 -1
  97. package/components/card/themes/light/card.fluent.css.js.map +1 -1
  98. package/components/card/themes/light/card.header.bootstrap.css.js +1 -1
  99. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  100. package/components/card/themes/light/card.header.fluent.css.js +1 -1
  101. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  102. package/components/card/themes/light/card.header.indigo.css.js +1 -1
  103. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  104. package/components/card/themes/light/card.header.material.css.js +1 -1
  105. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  106. package/components/card/themes/light/card.material.css.js +1 -1
  107. package/components/card/themes/light/card.material.css.js.map +1 -1
  108. package/components/card/themes/light/card.media.material.css.js +1 -1
  109. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  110. package/components/checkbox/checkbox-base.d.ts +31 -7
  111. package/components/checkbox/checkbox-base.js +14 -1
  112. package/components/checkbox/checkbox-base.js.map +1 -1
  113. package/components/checkbox/checkbox.d.ts +4 -1
  114. package/components/checkbox/checkbox.js +1 -0
  115. package/components/checkbox/checkbox.js.map +1 -1
  116. package/components/checkbox/switch.js +1 -0
  117. package/components/checkbox/switch.js.map +1 -1
  118. package/components/checkbox/themes/dark/checkbox.fluent.css.js +1 -1
  119. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  120. package/components/checkbox/themes/dark/checkbox.indigo.css.js +1 -1
  121. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  122. package/components/checkbox/themes/dark/switch.fluent.css.js +1 -1
  123. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  124. package/components/checkbox/themes/dark/switch.indigo.css.js +1 -1
  125. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  126. package/components/checkbox/themes/light/checkbox.base.css.js +2 -8
  127. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  128. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +1 -1
  129. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  130. package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
  131. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  132. package/components/checkbox/themes/light/checkbox.indigo.css.js +1 -1
  133. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  134. package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
  135. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  136. package/components/checkbox/themes/light/switch.base.css.js +2 -8
  137. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  138. package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
  139. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  140. package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
  141. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  142. package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
  143. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  144. package/components/checkbox/themes/light/switch.material.css.js +1 -1
  145. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  146. package/components/chip/chip.d.ts +20 -5
  147. package/components/chip/chip.js.map +1 -1
  148. package/components/chip/themes/chip.base.css.js +1 -1
  149. package/components/chip/themes/chip.base.css.js.map +1 -1
  150. package/components/chip/themes/chip.bootstrap.css.js +1 -1
  151. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  152. package/components/chip/themes/chip.fluent.css.js +1 -1
  153. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  154. package/components/chip/themes/chip.indigo.css.js +1 -1
  155. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  156. package/components/chip/themes/chip.material.css.js +1 -1
  157. package/components/chip/themes/chip.material.css.js.map +1 -1
  158. package/components/combo/combo-header.d.ts +11 -0
  159. package/components/combo/combo-header.js +23 -0
  160. package/components/combo/combo-header.js.map +1 -0
  161. package/components/combo/combo-item.d.ts +22 -0
  162. package/components/combo/combo-item.js +67 -0
  163. package/components/combo/combo-item.js.map +1 -0
  164. package/components/combo/combo-list.d.ts +11 -0
  165. package/components/combo/combo-list.js +14 -0
  166. package/components/combo/combo-list.js.map +1 -0
  167. package/components/combo/combo.d.ts +254 -0
  168. package/components/combo/combo.js +518 -0
  169. package/components/combo/combo.js.map +1 -0
  170. package/components/combo/controllers/data.d.ts +17 -0
  171. package/components/combo/controllers/data.js +36 -0
  172. package/components/combo/controllers/data.js.map +1 -0
  173. package/components/combo/controllers/navigation.d.ts +43 -0
  174. package/components/combo/controllers/navigation.js +155 -0
  175. package/components/combo/controllers/navigation.js.map +1 -0
  176. package/components/combo/controllers/selection.d.ts +23 -0
  177. package/components/combo/controllers/selection.js +157 -0
  178. package/components/combo/controllers/selection.js.map +1 -0
  179. package/components/combo/operations/filter.d.ts +4 -0
  180. package/components/combo/operations/filter.js +15 -0
  181. package/components/combo/operations/filter.js.map +1 -0
  182. package/components/combo/operations/group.d.ts +9 -0
  183. package/components/combo/operations/group.js +56 -0
  184. package/components/combo/operations/group.js.map +1 -0
  185. package/components/combo/themes/dark/combo.bootstrap.css.d.ts +1 -0
  186. package/components/combo/themes/dark/combo.bootstrap.css.js +3 -0
  187. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -0
  188. package/components/combo/themes/dark/combo.fluent.css.d.ts +1 -0
  189. package/components/combo/themes/dark/combo.fluent.css.js +3 -0
  190. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -0
  191. package/components/combo/themes/dark/combo.indigo.css.d.ts +1 -0
  192. package/components/combo/themes/dark/combo.indigo.css.js +3 -0
  193. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -0
  194. package/components/combo/themes/dark/combo.material.css.d.ts +1 -0
  195. package/components/combo/themes/dark/combo.material.css.js +3 -0
  196. package/components/combo/themes/dark/combo.material.css.js.map +1 -0
  197. package/components/combo/themes/light/combo.base.css.d.ts +1 -0
  198. package/components/combo/themes/light/combo.base.css.js +174 -0
  199. package/components/combo/themes/light/combo.base.css.js.map +1 -0
  200. package/components/combo/themes/light/combo.bootstrap.css.d.ts +1 -0
  201. package/components/combo/themes/light/combo.bootstrap.css.js +94 -0
  202. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -0
  203. package/components/combo/themes/light/combo.fluent.css.d.ts +1 -0
  204. package/components/combo/themes/light/combo.fluent.css.js +70 -0
  205. package/components/combo/themes/light/combo.fluent.css.js.map +1 -0
  206. package/components/combo/themes/light/combo.indigo.css.d.ts +1 -0
  207. package/components/combo/themes/light/combo.indigo.css.js +41 -0
  208. package/components/combo/themes/light/combo.indigo.css.js.map +1 -0
  209. package/components/combo/themes/light/combo.material.css.d.ts +1 -0
  210. package/components/combo/themes/light/combo.material.css.js +84 -0
  211. package/components/combo/themes/light/combo.material.css.js.map +1 -0
  212. package/components/combo/themes/light/header/combo-header.base.css.d.ts +1 -0
  213. package/components/combo/themes/light/header/combo-header.base.css.js +66 -0
  214. package/components/combo/themes/light/header/combo-header.base.css.js.map +1 -0
  215. package/components/combo/themes/light/item/combo-item.base.css.d.ts +1 -0
  216. package/components/combo/themes/light/item/combo-item.base.css.js +135 -0
  217. package/components/combo/themes/light/item/combo-item.base.css.js.map +1 -0
  218. package/components/combo/types.d.ts +39 -0
  219. package/components/combo/types.js +2 -0
  220. package/components/combo/types.js.map +1 -0
  221. package/components/combo/utils/converters.d.ts +3 -0
  222. package/components/combo/utils/converters.js +9 -0
  223. package/components/combo/utils/converters.js.map +1 -0
  224. package/components/common/decorators/index.d.ts +9 -9
  225. package/components/common/decorators/index.js +9 -9
  226. package/components/common/decorators/index.js.map +1 -1
  227. package/components/common/definitions/defineAllComponents.js +6 -0
  228. package/components/common/definitions/defineAllComponents.js.map +1 -1
  229. package/components/common/mixins/constructor.d.ts +2 -2
  230. package/components/common/mixins/event-emitter.d.ts +2 -2
  231. package/components/common/mixins/event-emitter.js.map +1 -1
  232. package/components/common/mixins/sizable.d.ts +1 -1
  233. package/components/common/mixins/sizable.js.map +1 -1
  234. package/components/common/types.d.ts +1 -1
  235. package/components/date-time-input/date-time-input.d.ts +27 -8
  236. package/components/date-time-input/date-time-input.js +23 -22
  237. package/components/date-time-input/date-time-input.js.map +1 -1
  238. package/components/dialog/dialog.d.ts +17 -4
  239. package/components/dialog/dialog.js.map +1 -1
  240. package/components/dialog/themes/light/dialog.base.css.js +1 -2
  241. package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
  242. package/components/dialog/themes/light/dialog.bootstrap.css.js +1 -1
  243. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -1
  244. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  245. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  246. package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
  247. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
  248. package/components/dialog/themes/light/dialog.material.css.js +1 -1
  249. package/components/dialog/themes/light/dialog.material.css.js.map +1 -1
  250. package/components/dropdown/dropdown-group.js.map +1 -1
  251. package/components/dropdown/dropdown-header.js.map +1 -1
  252. package/components/dropdown/dropdown-item.d.ts +4 -0
  253. package/components/dropdown/dropdown-item.js +1 -1
  254. package/components/dropdown/dropdown-item.js.map +1 -1
  255. package/components/dropdown/dropdown.d.ts +30 -7
  256. package/components/dropdown/dropdown.js +27 -27
  257. package/components/dropdown/dropdown.js.map +1 -1
  258. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  259. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  260. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  261. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  262. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  263. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  264. package/components/dropdown/themes/light/dropdown-group.base.css.js +1 -1
  265. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  266. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +1 -1
  267. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
  268. package/components/dropdown/themes/light/dropdown-header.base.css.js +1 -1
  269. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  270. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +1 -1
  271. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +1 -1
  272. package/components/dropdown/themes/light/dropdown-header.fluent.css.js +1 -1
  273. package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +1 -1
  274. package/components/dropdown/themes/light/dropdown-item.base.css.js +1 -1
  275. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  276. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +1 -1
  277. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +1 -1
  278. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +1 -1
  279. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -1
  280. package/components/dropdown/themes/light/dropdown-item.indigo.css.js +1 -1
  281. package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +1 -1
  282. package/components/dropdown/themes/light/dropdown.base.css.js +1 -1
  283. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  284. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  285. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  286. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  287. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  288. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  289. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  290. package/components/expansion-panel/expansion-panel.d.ts +12 -3
  291. package/components/expansion-panel/expansion-panel.js.map +1 -1
  292. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +1 -1
  293. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  294. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  295. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  296. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
  297. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  298. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
  299. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  300. package/components/form/form.js +1 -0
  301. package/components/form/form.js.map +1 -1
  302. package/components/icon/icon.d.ts +6 -10
  303. package/components/icon/icon.js +17 -25
  304. package/components/icon/icon.js.map +1 -1
  305. package/components/icon/icon.material.css.js +3 -3
  306. package/components/icon/icon.material.css.js.map +1 -1
  307. package/components/icon/icon.registry.js +9 -5
  308. package/components/icon/icon.registry.js.map +1 -1
  309. package/components/input/input-base.d.ts +32 -7
  310. package/components/input/input-base.js.map +1 -1
  311. package/components/input/input.d.ts +48 -11
  312. package/components/input/input.js.map +1 -1
  313. package/components/input/themes/dark/input.dark.indigo.css.js +1 -1
  314. package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -1
  315. package/components/input/themes/dark/input.dark.material.css.js +1 -1
  316. package/components/input/themes/dark/input.dark.material.css.js.map +1 -1
  317. package/components/input/themes/light/input.base.css.js +8 -2
  318. package/components/input/themes/light/input.base.css.js.map +1 -1
  319. package/components/input/themes/light/input.bootstrap.css.js +32 -5
  320. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  321. package/components/input/themes/light/input.fluent.css.js +23 -5
  322. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  323. package/components/input/themes/light/input.indigo.css.js +16 -9
  324. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  325. package/components/input/themes/light/input.material.css.js +59 -37
  326. package/components/input/themes/light/input.material.css.js.map +1 -1
  327. package/components/list/list-header.js.map +1 -1
  328. package/components/list/list-item.js.map +1 -1
  329. package/components/list/list.js.map +1 -1
  330. package/components/list/themes/dark/list.bootstrap.css.js +1 -1
  331. package/components/list/themes/dark/list.bootstrap.css.js.map +1 -1
  332. package/components/list/themes/dark/list.fluent.css.js +1 -1
  333. package/components/list/themes/dark/list.fluent.css.js.map +1 -1
  334. package/components/list/themes/dark/list.indigo.css.js +1 -1
  335. package/components/list/themes/dark/list.indigo.css.js.map +1 -1
  336. package/components/list/themes/light/list-header.base.css.js +1 -1
  337. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  338. package/components/list/themes/light/list-header.indigo.css.js +1 -1
  339. package/components/list/themes/light/list-header.indigo.css.js.map +1 -1
  340. package/components/list/themes/light/list-item.base.css.js +1 -1
  341. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  342. package/components/list/themes/light/list-item.bootstrap.css.js +1 -1
  343. package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -1
  344. package/components/list/themes/light/list-item.fluent.css.js +1 -1
  345. package/components/list/themes/light/list-item.fluent.css.js.map +1 -1
  346. package/components/list/themes/light/list-item.indigo.css.js +1 -1
  347. package/components/list/themes/light/list-item.indigo.css.js.map +1 -1
  348. package/components/list/themes/light/list.base.css.js +1 -1
  349. package/components/list/themes/light/list.base.css.js.map +1 -1
  350. package/components/list/themes/light/list.bootstrap.css.js +1 -1
  351. package/components/list/themes/light/list.bootstrap.css.js.map +1 -1
  352. package/components/mask-input/mask-input-base.d.ts +6 -7
  353. package/components/mask-input/mask-input-base.js +22 -13
  354. package/components/mask-input/mask-input-base.js.map +1 -1
  355. package/components/mask-input/mask-input.d.ts +11 -10
  356. package/components/mask-input/mask-input.js +17 -23
  357. package/components/mask-input/mask-input.js.map +1 -1
  358. package/components/mask-input/mask-parser.d.ts +3 -1
  359. package/components/mask-input/mask-parser.js +16 -0
  360. package/components/mask-input/mask-parser.js.map +1 -1
  361. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  362. package/components/nav-drawer/nav-drawer-item.d.ts +8 -2
  363. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  364. package/components/nav-drawer/nav-drawer.d.ts +8 -2
  365. package/components/nav-drawer/nav-drawer.js.map +1 -1
  366. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js +1 -1
  367. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js.map +1 -1
  368. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js +1 -1
  369. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js.map +1 -1
  370. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js +1 -1
  371. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js.map +1 -1
  372. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js +1 -1
  373. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js.map +1 -1
  374. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js +1 -1
  375. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js.map +1 -1
  376. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js +1 -1
  377. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js.map +1 -1
  378. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js +1 -1
  379. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js.map +1 -1
  380. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js +1 -1
  381. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js.map +1 -1
  382. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js +1 -1
  383. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js.map +1 -1
  384. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js +1 -1
  385. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js.map +1 -1
  386. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +1 -1
  387. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  388. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +1 -1
  389. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  390. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +1 -1
  391. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  392. package/components/navbar/navbar.js.map +1 -1
  393. package/components/navbar/themes/light/navbar.base.css.js +1 -1
  394. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  395. package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
  396. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  397. package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
  398. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  399. package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
  400. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  401. package/components/progress/base.d.ts +25 -6
  402. package/components/progress/base.js.map +1 -1
  403. package/components/progress/circular-gradient.d.ts +12 -3
  404. package/components/progress/circular-gradient.js.map +1 -1
  405. package/components/progress/circular-progress.js.map +1 -1
  406. package/components/progress/linear-progress.d.ts +8 -2
  407. package/components/progress/linear-progress.js.map +1 -1
  408. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  409. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  410. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
  411. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  412. package/components/progress/themes/circular/circular.progress.fluent.css.js +1 -1
  413. package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
  414. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  415. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  416. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +1 -1
  417. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  418. package/components/progress/themes/linear/linear.progress.fluent.css.js +1 -1
  419. package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -1
  420. package/components/progress/themes/linear/linear.progress.indigo.css.js +1 -1
  421. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  422. package/components/radio/radio.d.ts +35 -8
  423. package/components/radio/radio.js +15 -1
  424. package/components/radio/radio.js.map +1 -1
  425. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  426. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  427. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  428. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  429. package/components/radio/themes/light/radio.base.css.js +2 -8
  430. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  431. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  432. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  433. package/components/radio/themes/light/radio.fluent.css.js +2 -1
  434. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  435. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  436. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  437. package/components/radio/themes/light/radio.material.css.js +1 -1
  438. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  439. package/components/radio-group/radio-group.base.css.js +1 -1
  440. package/components/radio-group/radio-group.base.css.js.map +1 -1
  441. package/components/radio-group/radio-group.d.ts +4 -0
  442. package/components/radio-group/radio-group.js.map +1 -1
  443. package/components/rating/rating-symbol.base.css.js +1 -1
  444. package/components/rating/rating-symbol.base.css.js.map +1 -1
  445. package/components/rating/rating-symbol.d.ts +1 -0
  446. package/components/rating/rating-symbol.js +4 -0
  447. package/components/rating/rating-symbol.js.map +1 -1
  448. package/components/rating/rating.base.css.js +1 -1
  449. package/components/rating/rating.base.css.js.map +1 -1
  450. package/components/rating/rating.bootstrap.css.js +1 -1
  451. package/components/rating/rating.bootstrap.css.js.map +1 -1
  452. package/components/rating/rating.d.ts +31 -7
  453. package/components/rating/rating.fluent.css.js +1 -1
  454. package/components/rating/rating.fluent.css.js.map +1 -1
  455. package/components/rating/rating.indigo.css.js +1 -1
  456. package/components/rating/rating.indigo.css.js.map +1 -1
  457. package/components/rating/rating.js +15 -15
  458. package/components/rating/rating.js.map +1 -1
  459. package/components/select/select-group.d.ts +4 -0
  460. package/components/select/select-group.js.map +1 -1
  461. package/components/select/select.d.ts +52 -13
  462. package/components/select/select.js +17 -7
  463. package/components/select/select.js.map +1 -1
  464. package/components/select/themes/dark/select.fluent.css.js +1 -1
  465. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  466. package/components/select/themes/dark/select.indigo.css.js +1 -1
  467. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  468. package/components/select/themes/dark/select.material.css.js +1 -1
  469. package/components/select/themes/dark/select.material.css.js.map +1 -1
  470. package/components/select/themes/light/select.base.css.js +5 -1
  471. package/components/select/themes/light/select.base.css.js.map +1 -1
  472. package/components/select/themes/light/select.bootstrap.css.js +3 -5
  473. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  474. package/components/select/themes/light/select.fluent.css.js +1 -1
  475. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  476. package/components/select/themes/light/select.indigo.css.js +5 -1
  477. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  478. package/components/select/themes/light/select.material.css.js +7 -10
  479. package/components/select/themes/light/select.material.css.js.map +1 -1
  480. package/components/slider/range-slider.d.ts +4 -0
  481. package/components/slider/range-slider.js.map +1 -1
  482. package/components/slider/slider-base.d.ts +16 -0
  483. package/components/slider/slider-base.js +70 -70
  484. package/components/slider/slider-base.js.map +1 -1
  485. package/components/slider/slider.d.ts +2 -0
  486. package/components/slider/slider.js.map +1 -1
  487. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  488. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  489. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  490. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  491. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  492. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  493. package/components/slider/themes/light/slider.base.css.js +1 -1
  494. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  495. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  496. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  497. package/components/slider/themes/light/slider.fluent.css.js +1 -1
  498. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  499. package/components/slider/themes/light/slider.indigo.css.js +1 -1
  500. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  501. package/components/slider/themes/light/slider.material.css.js +1 -1
  502. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  503. package/components/snackbar/snackbar.d.ts +16 -4
  504. package/components/snackbar/snackbar.js.map +1 -1
  505. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  506. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  507. package/components/snackbar/themes/light/snackbar.base.css.js +1 -1
  508. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  509. package/components/snackbar/themes/light/snackbar.bootstrap.css.js +1 -1
  510. package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
  511. package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
  512. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  513. package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
  514. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  515. package/components/stepper/step.d.ts +94 -0
  516. package/components/stepper/step.js +211 -0
  517. package/components/stepper/step.js.map +1 -0
  518. package/components/stepper/stepper.common.d.ts +11 -0
  519. package/components/stepper/stepper.common.js +2 -0
  520. package/components/stepper/stepper.common.js.map +1 -0
  521. package/components/stepper/stepper.d.ts +110 -0
  522. package/components/stepper/stepper.js +345 -0
  523. package/components/stepper/stepper.js.map +1 -0
  524. package/components/stepper/themes/step/dark/step.bootstrap.css.d.ts +1 -0
  525. package/components/stepper/themes/step/dark/step.bootstrap.css.js +3 -0
  526. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -0
  527. package/components/stepper/themes/step/dark/step.fluent.css.d.ts +1 -0
  528. package/components/stepper/themes/step/dark/step.fluent.css.js +3 -0
  529. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -0
  530. package/components/stepper/themes/step/dark/step.indigo.css.d.ts +1 -0
  531. package/components/stepper/themes/step/dark/step.indigo.css.js +3 -0
  532. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -0
  533. package/components/stepper/themes/step/dark/step.material.css.d.ts +1 -0
  534. package/components/stepper/themes/step/dark/step.material.css.js +3 -0
  535. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -0
  536. package/components/stepper/themes/step/light/step.base.css.d.ts +1 -0
  537. package/components/stepper/themes/step/light/step.base.css.js +456 -0
  538. package/components/stepper/themes/step/light/step.base.css.js.map +1 -0
  539. package/components/stepper/themes/step/light/step.bootstrap.css.d.ts +1 -0
  540. package/components/stepper/themes/step/light/step.bootstrap.css.js +23 -0
  541. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -0
  542. package/components/stepper/themes/step/light/step.fluent.css.d.ts +1 -0
  543. package/components/stepper/themes/step/light/step.fluent.css.js +16 -0
  544. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -0
  545. package/components/stepper/themes/step/light/step.indigo.css.d.ts +1 -0
  546. package/components/stepper/themes/step/light/step.indigo.css.js +29 -0
  547. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -0
  548. package/components/stepper/themes/step/light/step.material.css.d.ts +1 -0
  549. package/components/stepper/themes/step/light/step.material.css.js +8 -0
  550. package/components/stepper/themes/step/light/step.material.css.js.map +1 -0
  551. package/components/stepper/themes/stepper/stepper.base.css.d.ts +1 -0
  552. package/components/stepper/themes/stepper/stepper.base.css.js +142 -0
  553. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -0
  554. package/components/stepper/themes/stepper/stepper.bootstrap.css.d.ts +1 -0
  555. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +46 -0
  556. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -0
  557. package/components/stepper/themes/stepper/stepper.fluent.css.d.ts +1 -0
  558. package/components/stepper/themes/stepper/stepper.fluent.css.js +40 -0
  559. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -0
  560. package/components/stepper/themes/stepper/stepper.indigo.css.d.ts +1 -0
  561. package/components/stepper/themes/stepper/stepper.indigo.css.js +40 -0
  562. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -0
  563. package/components/tabs/tab.d.ts +12 -3
  564. package/components/tabs/tab.js +1 -1
  565. package/components/tabs/tab.js.map +1 -1
  566. package/components/tabs/tabs.d.ts +5 -1
  567. package/components/tabs/tabs.js.map +1 -1
  568. package/components/tabs/themes/dark/tab.dark.base.css.js +1 -1
  569. package/components/tabs/themes/dark/tab.dark.base.css.js.map +1 -1
  570. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js +1 -1
  571. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map +1 -1
  572. package/components/tabs/themes/light/tab-panel.base.css.js +1 -1
  573. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  574. package/components/tabs/themes/light/tab.base.css.js +1 -1
  575. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  576. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  577. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  578. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  579. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  580. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  581. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  582. package/components/tabs/themes/light/tabs.base.css.js +1 -1
  583. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  584. package/components/tabs/themes/light/tabs.bootstrap.css.js +1 -1
  585. package/components/tabs/themes/light/tabs.bootstrap.css.js.map +1 -1
  586. package/components/tabs/themes/light/tabs.fluent.css.js +1 -1
  587. package/components/tabs/themes/light/tabs.fluent.css.js.map +1 -1
  588. package/components/tabs/themes/light/tabs.indigo.css.js +1 -1
  589. package/components/tabs/themes/light/tabs.indigo.css.js.map +1 -1
  590. package/components/toast/themes/toast.base.css.js +1 -1
  591. package/components/toast/themes/toast.base.css.js.map +1 -1
  592. package/components/toast/themes/toast.bootstrap.css.js +1 -1
  593. package/components/toast/themes/toast.bootstrap.css.js.map +1 -1
  594. package/components/toast/themes/toast.fluent.css.js +1 -1
  595. package/components/toast/themes/toast.fluent.css.js.map +1 -1
  596. package/components/toast/themes/toast.indigo.css.js +1 -1
  597. package/components/toast/themes/toast.indigo.css.js.map +1 -1
  598. package/components/toast/toast.d.ts +13 -6
  599. package/components/toast/toast.js.map +1 -1
  600. package/components/toggle/toggle.controller.d.ts +1 -1
  601. package/components/toggle/toggle.controller.js +13 -13
  602. package/components/toggle/toggle.controller.js.map +1 -1
  603. package/components/toggle/toggle.directive.js +10 -10
  604. package/components/toggle/toggle.directive.js.map +1 -1
  605. package/components/toggle/types.d.ts +1 -1
  606. package/components/tree/themes/dark/tree-item.bootstrap.css.js +1 -1
  607. package/components/tree/themes/dark/tree-item.bootstrap.css.js.map +1 -1
  608. package/components/tree/themes/dark/tree-item.fluent.css.js +1 -1
  609. package/components/tree/themes/dark/tree-item.fluent.css.js.map +1 -1
  610. package/components/tree/themes/dark/tree-item.indigo.css.js +1 -1
  611. package/components/tree/themes/dark/tree-item.indigo.css.js.map +1 -1
  612. package/components/tree/themes/light/tree-item.base.css.js +1 -1
  613. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  614. package/components/tree/themes/light/tree-item.bootstrap.css.js +1 -1
  615. package/components/tree/themes/light/tree-item.bootstrap.css.js.map +1 -1
  616. package/components/tree/themes/light/tree-item.fluent.css.js +1 -1
  617. package/components/tree/themes/light/tree-item.fluent.css.js.map +1 -1
  618. package/components/tree/themes/light/tree-item.indigo.css.js +1 -1
  619. package/components/tree/themes/light/tree-item.indigo.css.js.map +1 -1
  620. package/components/tree/themes/light/tree.base.css.js +1 -1
  621. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  622. package/components/tree/tree-item.d.ts +25 -6
  623. package/components/tree/tree-item.js.map +1 -1
  624. package/components/tree/tree.d.ts +12 -3
  625. package/components/tree/tree.js +8 -8
  626. package/components/tree/tree.js.map +1 -1
  627. package/custom-elements.json +870 -2
  628. package/index.d.ts +5 -0
  629. package/index.js +3 -0
  630. package/index.js.map +1 -1
  631. package/package.json +5 -3
  632. package/themes/dark/bootstrap.css +6 -2
  633. package/themes/dark/fluent.css +11 -7
  634. package/themes/dark/indigo.css +6 -2
  635. package/themes/dark/material.css +6 -2
  636. package/themes/light/bootstrap.css +1 -1
  637. package/themes/light/fluent.css +6 -6
  638. package/themes/light/indigo.css +1 -1
  639. package/themes/light/material.css +1 -1
  640. package/theming/theming-event.d.ts +1 -1
  641. package/theming/types.d.ts +2 -2
  642. package/vscode-html-custom-data.json +337 -19
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-header-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-header-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  [part=base] {
4
4
  font-family: var(--ig-body-2-font-family);
5
5
  font-size: var(--ig-body-2-font-size);
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;EAevB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n}\n\n:host([active]) [part=icon] {\n color: var(--active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;EAevB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n[part=base] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n}\n\n:host([active]) [part=icon] {\n color: var(--active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  :host {
4
4
  color: hsla(var(--ig-gray-50), var(--ig-gray-a));
5
5
  }`;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-header-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;EAGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n color: hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-header-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;EAGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n color: hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  :host [part~=base] {
4
4
  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.5rem), 1.5rem);
5
5
  gap: 1.5rem;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host [part~=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.5rem), 1.5rem);\n gap: 1.5rem;\n color: var(--text-color, hsla(var(--ig-gray-300), 0.8));\n padding: 0.25rem;\n margin: 0.9375rem 0.5rem !important;\n}\n:host [part~=base]:hover, :host [part~=base]:focus-within {\n background: transparent;\n color: var(--hover-text-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n}\n:host [part=content] {\n -webkit-padding-start: 0.5rem;\n padding-inline-start: 0.5rem;\n}\n\n:host([active]) [part~=base] {\n background: var(--active-background, hsla(var(--ig-gray-600), 0.8));\n color: hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host [part~=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.5rem), 1.5rem);\n gap: 1.5rem;\n color: var(--text-color, hsla(var(--ig-gray-300), 0.8));\n padding: 0.25rem;\n margin: 0.9375rem 0.5rem !important;\n}\n:host [part~=base]:hover, :host [part~=base]:focus-within {\n background: transparent;\n color: var(--hover-text-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n}\n:host [part=content] {\n -webkit-padding-start: 0.5rem;\n padding-inline-start: 0.5rem;\n}\n\n:host([active]) [part~=base] {\n background: var(--active-background, hsla(var(--ig-gray-600), 0.8));\n color: hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  :host [part=base] {
4
4
  background: var(--background, hsla(var(--ig-gray-700), var(--ig-gray-a)));
5
5
  border: none;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host [part=base] {\n background: var(--background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n border: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n:host([position=start]) [part=mini],\n:host([position=end]) [part=mini] {\n background: var(--background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host [part=base] {\n background: var(--background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n border: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n:host([position=start]) [part=mini],\n:host([position=end]) [part=mini] {\n background: var(--background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}`;\n"]}
@@ -32,7 +32,7 @@ export const styles = css `:host {
32
32
  display: none !important;
33
33
  }
34
34
 
35
- /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
36
  :host {
37
37
  display: block;
38
38
  padding: 1.25rem 1rem;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-header-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n display: block;\n padding: 1.25rem 1rem;\n white-space: nowrap;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-family: var(--ig-subtitle-1-font-family);\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-header-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n display: block;\n padding: 1.25rem 1rem;\n white-space: nowrap;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-family: var(--ig-subtitle-1-font-family);\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}
@@ -32,7 +32,7 @@ export const styles = css `:host {
32
32
  display: none !important;
33
33
  }
34
34
 
35
- /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
36
  [part~=base] {
37
37
  display: -webkit-box;
38
38
  display: -ms-flexbox;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n[part~=base] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n gap: 2rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n position: relative;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n max-height: 3rem;\n margin: 0.5rem !important;\n padding: 0.75rem 0.5rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: transparent;\n white-space: nowrap;\n text-decoration: none;\n width: calc(100% - 1rem);\n border: none;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-transition: background 0.15s ease-out;\n -o-transition: background 0.15s ease-out;\n transition: background 0.15s ease-out;\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n font-family: var(--ig-subtitle-2-font-family);\n font-size: var(--ig-subtitle-2-font-size);\n font-weight: var(--ig-subtitle-2-font-weight);\n font-style: var(--ig-subtitle-2-font-style);\n line-height: var(--ig-subtitle-2-line-height);\n letter-spacing: var(--ig-subtitle-2-letter-spacing);\n text-transform: var(--ig-subtitle-2-text-transform);\n margin-top: var(--ig-subtitle-2-margin-top);\n margin-bottom: var(--ig-subtitle-2-margin-bottom);\n}\n[part~=base] ::slotted(igc-icon) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font: inherit;\n}\n[part~=base]:hover, [part~=base]:focus-within {\n background: var(--hover-background, hsla(var(--ig-gray-200), 0.8));\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part=content] {\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n[part=\"base mini\"] {\n display: block;\n}\n[part=\"base mini\"] [part=content] {\n display: none;\n}\n[part=\"base mini\"] ::slotted(igc-icon) {\n width: 100%;\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: initial;\n pointer-events: none;\n}\n:host([disabled]) [part~=base] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([active]) [part~=base] {\n background: var(--active-background, hsla(var(--ig-primary-500), 0.12));\n color: var(--active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n[part~=base] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n gap: 2rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n position: relative;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n max-height: 3rem;\n margin: 0.5rem !important;\n padding: 0.75rem 0.5rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: transparent;\n white-space: nowrap;\n text-decoration: none;\n width: calc(100% - 1rem);\n border: none;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-transition: background 0.15s ease-out;\n -o-transition: background 0.15s ease-out;\n transition: background 0.15s ease-out;\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n font-family: var(--ig-subtitle-2-font-family);\n font-size: var(--ig-subtitle-2-font-size);\n font-weight: var(--ig-subtitle-2-font-weight);\n font-style: var(--ig-subtitle-2-font-style);\n line-height: var(--ig-subtitle-2-line-height);\n letter-spacing: var(--ig-subtitle-2-letter-spacing);\n text-transform: var(--ig-subtitle-2-text-transform);\n margin-top: var(--ig-subtitle-2-margin-top);\n margin-bottom: var(--ig-subtitle-2-margin-bottom);\n}\n[part~=base] ::slotted(igc-icon) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font: inherit;\n}\n[part~=base]:hover, [part~=base]:focus-within {\n background: var(--hover-background, hsla(var(--ig-gray-200), 0.8));\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part=content] {\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n[part=\"base mini\"] {\n display: block;\n}\n[part=\"base mini\"] [part=content] {\n display: none;\n}\n[part=\"base mini\"] ::slotted(igc-icon) {\n width: 100%;\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: initial;\n pointer-events: none;\n}\n:host([disabled]) [part~=base] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([active]) [part~=base] {\n background: var(--active-background, hsla(var(--ig-primary-500), 0.12));\n color: var(--active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}
@@ -32,7 +32,7 @@ export const styles = css `:host {
32
32
  display: none !important;
33
33
  }
34
34
 
35
- /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
36
  :host {
37
37
  -ms-flex-negative: 0;
38
38
  flex-shrink: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-family: var(--ig-font-family);\n}\n:host [part=base] {\n position: fixed;\n height: 100%;\n min-height: 100%;\n overflow-x: hidden;\n top: 0;\n bottom: 0;\n inset-inline-start: 0;\n z-index: 999;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border-radius: 0;\n -webkit-transition: all ease-out 0.3s, 0.3s;\n -o-transition: all ease-out 0.3s, 0.3s;\n transition: all ease-out 0.3s, 0.3s;\n}\n:host [part=main] {\n width: 16rem;\n}\n:host [part=mini] {\n width: 3.75rem;\n}\n:host [part=overlay] {\n background: hsla(var(--ig-gray-500), 0.54);\n position: fixed;\n inset: 0;\n z-index: 2;\n}\n\n:host([position=start]) [part=mini],\n:host([position=end]) [part=mini] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: var(--ig-elevation-16);\n box-shadow: var(--ig-elevation-16);\n position: fixed;\n top: 0;\n bottom: 0;\n}\n\n:host([position=start]) [part=mini] {\n -webkit-border-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-start: 0;\n}\n\n:host([position=end]) [part=mini] {\n -webkit-border-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-end: 0;\n}\n\n:host([position=top]) [part=main],\n:host([position=bottom]) [part=main] {\n width: 100%;\n}\n:host([position=top]) [part=base],\n:host([position=bottom]) [part=base] {\n height: 50vh;\n min-height: initial;\n top: auto;\n width: 100%;\n}\n\n:host([position=top]) [part=base] {\n top: 0;\n bottom: auto;\n}\n\n:host(:not([open])[position=top]) [part=base],\n:host(:not([open])[position=bottom]) [part=base] {\n -webkit-transform: translate3d(0, -60vh, 0);\n transform: translate3d(0, -60vh, 0);\n}\n:host(:not([open])[position=top]) [part=mini],\n:host(:not([open])[position=bottom]) [part=mini] {\n display: none;\n}\n\n:host(:not([open])[position=bottom]) [part=base] {\n -webkit-transform: translate3d(0, 60vh, 0);\n transform: translate3d(0, 60vh, 0);\n}\n\n:host([open][position=end]) [part=base] {\n -webkit-border-end: none;\n border-inline-end: none;\n -webkit-border-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-start: auto;\n inset-inline-end: 0;\n}\n\n:host([position=relative]) [part=base] {\n position: relative;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: initial;\n -webkit-border-end: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n border-inline-end: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([position=relative]) [part=overlay] {\n display: none;\n}\n\n:host([open]) [part=mini] {\n display: none;\n}\n\n:host([open]:not([position=relative])) [part=base] {\n -webkit-border-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n -webkit-box-shadow: var(--ig-elevation-16);\n box-shadow: var(--ig-elevation-16);\n}\n\n:host(:not([open])) [part=main] {\n display: none;\n}\n:host(:not([open])) [part=overlay] {\n display: none;\n}`;\n"]}
1
+ {"version":3,"file":"nav-drawer.base.css.js","sourceRoot":"","sources":["../../../../../src/components/nav-drawer/themes/light/nav-drawer.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n font-family: var(--ig-font-family);\n}\n:host [part=base] {\n position: fixed;\n height: 100%;\n min-height: 100%;\n overflow-x: hidden;\n top: 0;\n bottom: 0;\n inset-inline-start: 0;\n z-index: 999;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border-radius: 0;\n -webkit-transition: all ease-out 0.3s, 0.3s;\n -o-transition: all ease-out 0.3s, 0.3s;\n transition: all ease-out 0.3s, 0.3s;\n}\n:host [part=main] {\n width: 16rem;\n}\n:host [part=mini] {\n width: 3.75rem;\n}\n:host [part=overlay] {\n background: hsla(var(--ig-gray-500), 0.54);\n position: fixed;\n inset: 0;\n z-index: 2;\n}\n\n:host([position=start]) [part=mini],\n:host([position=end]) [part=mini] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: var(--ig-elevation-16);\n box-shadow: var(--ig-elevation-16);\n position: fixed;\n top: 0;\n bottom: 0;\n}\n\n:host([position=start]) [part=mini] {\n -webkit-border-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-start: 0;\n}\n\n:host([position=end]) [part=mini] {\n -webkit-border-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-end: 0;\n}\n\n:host([position=top]) [part=main],\n:host([position=bottom]) [part=main] {\n width: 100%;\n}\n:host([position=top]) [part=base],\n:host([position=bottom]) [part=base] {\n height: 50vh;\n min-height: initial;\n top: auto;\n width: 100%;\n}\n\n:host([position=top]) [part=base] {\n top: 0;\n bottom: auto;\n}\n\n:host(:not([open])[position=top]) [part=base],\n:host(:not([open])[position=bottom]) [part=base] {\n -webkit-transform: translate3d(0, -60vh, 0);\n transform: translate3d(0, -60vh, 0);\n}\n:host(:not([open])[position=top]) [part=mini],\n:host(:not([open])[position=bottom]) [part=mini] {\n display: none;\n}\n\n:host(:not([open])[position=bottom]) [part=base] {\n -webkit-transform: translate3d(0, 60vh, 0);\n transform: translate3d(0, 60vh, 0);\n}\n\n:host([open][position=end]) [part=base] {\n -webkit-border-end: none;\n border-inline-end: none;\n -webkit-border-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-start: 1px solid hsla(var(--ig-gray-900), 0.14);\n inset-inline-start: auto;\n inset-inline-end: 0;\n}\n\n:host([position=relative]) [part=base] {\n position: relative;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: initial;\n -webkit-border-end: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n border-inline-end: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([position=relative]) [part=overlay] {\n display: none;\n}\n\n:host([open]) [part=mini] {\n display: none;\n}\n\n:host([open]:not([position=relative])) [part=base] {\n -webkit-border-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n border-inline-end: 1px solid hsla(var(--ig-gray-900), 0.14);\n -webkit-box-shadow: var(--ig-elevation-16);\n box-shadow: var(--ig-elevation-16);\n}\n\n:host(:not([open])) [part=main] {\n display: none;\n}\n:host(:not([open])) [part=overlay] {\n display: none;\n}`;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAkBvE,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,UAAU;IAIrC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;CACF,CAAA;AAlBwB,0BAAO,GAAG,YAAa,CAAA;AACvB,yBAAM,GAAG,MAAO,CAAA;AAFpB,kBAAkB;IADtC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,kBAAkB,CAmBtC;eAnBoB,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/navbar.base.css.js';\nimport { styles as bootstrap } from './themes/light/navbar.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/navbar.fluent.css.js';\nimport { styles as indigo } from './themes/light/navbar.indigo.css.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcNavbarComponent extends LitElement {\n public static readonly tagName = 'igc-navbar';\n public static override styles = styles;\n\n protected override render() {\n return html`\n <div part=\"base\">\n <span part=\"start\">\n <slot name=\"start\"></slot>\n </span>\n <span part=\"middle\">\n <slot></slot>\n </span>\n <span part=\"end\">\n <slot name=\"end\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-navbar': IgcNavbarComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAkBxD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAIrC,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AAjBsB,0BAAO,GAAG,YAAY,CAAC;AACvB,yBAAM,GAAG,MAAM,CAAC;AAFpB,kBAAkB;IADtC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,kBAAkB,CAmBtC;eAnBoB,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/navbar.base.css.js';\nimport { styles as bootstrap } from './themes/light/navbar.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/navbar.fluent.css.js';\nimport { styles as indigo } from './themes/light/navbar.indigo.css.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcNavbarComponent extends LitElement {\n public static readonly tagName = 'igc-navbar';\n public static override styles = styles;\n\n protected override render() {\n return html`\n <div part=\"base\">\n <span part=\"start\">\n <slot name=\"start\"></slot>\n </span>\n <span part=\"middle\">\n <slot></slot>\n </span>\n <span part=\"end\">\n <slot name=\"end\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-navbar': IgcNavbarComponent;\n }\n}\n"]}
@@ -32,7 +32,7 @@ export const styles = css `:host {
32
32
  display: none !important;
33
33
  }
34
34
 
35
- /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
36
  :host {
37
37
  display: -webkit-box;
38
38
  display: -ms-flexbox;
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n min-height: 3.5rem;\n max-height: 8rem;\n padding: 0 1rem;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n color: var(--ig-primary-600-contrast);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n font-family: var(--ig-font-family);\n z-index: 4;\n}\n\n[part=base] {\n display: inherit;\n position: relative;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: hidden;\n}\n\n[part=middle] {\n display: -webkit-inline-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n[part=start],\n[part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[name=start]::slotted(*) {\n -webkit-margin-end: 1rem;\n margin-inline-end: 1rem;\n -webkit-margin-start: 0.0625rem;\n margin-inline-start: 0.0625rem;\n}\n\n[name=end]::slotted(*) {\n -webkit-margin-start: 1rem;\n margin-inline-start: 1rem;\n -webkit-margin-end: 0.0625rem;\n margin-inline-end: 0.0625rem;\n}\n\n::slotted(igc-avatar[part=base]) {\n max-width: 2rem;\n max-height: 2rem;\n min-height: 0;\n min-width: 0;\n}\n\n::slotted(igc-icon) {\n cursor: pointer;\n color: var(--ig-primary-600-contrast);\n width: 2rem;\n height: 2rem;\n font-size: 2rem;\n}\n\n::slotted(*) {\n font-family: var(--ig-h6-font-family);\n font-size: var(--ig-h6-font-size);\n font-weight: var(--ig-h6-font-weight);\n font-style: var(--ig-h6-font-style);\n line-height: var(--ig-h6-line-height);\n letter-spacing: var(--ig-h6-letter-spacing);\n text-transform: var(--ig-h6-text-transform);\n margin-top: var(--ig-h6-margin-top);\n margin-bottom: var(--ig-h6-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
1
+ {"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n min-height: 3.5rem;\n max-height: 8rem;\n padding: 0 1rem;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n color: var(--ig-primary-600-contrast);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n font-family: var(--ig-font-family);\n z-index: 4;\n}\n\n[part=base] {\n display: inherit;\n position: relative;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: hidden;\n}\n\n[part=middle] {\n display: -webkit-inline-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n[part=start],\n[part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[name=start]::slotted(*) {\n -webkit-margin-end: 1rem;\n margin-inline-end: 1rem;\n -webkit-margin-start: 0.0625rem;\n margin-inline-start: 0.0625rem;\n}\n\n[name=end]::slotted(*) {\n -webkit-margin-start: 1rem;\n margin-inline-start: 1rem;\n -webkit-margin-end: 0.0625rem;\n margin-inline-end: 0.0625rem;\n}\n\n::slotted(igc-avatar[part=base]) {\n max-width: 2rem;\n max-height: 2rem;\n min-height: 0;\n min-width: 0;\n}\n\n::slotted(igc-icon) {\n cursor: pointer;\n color: var(--ig-primary-600-contrast);\n width: 2rem;\n height: 2rem;\n font-size: 2rem;\n}\n\n::slotted(*) {\n font-family: var(--ig-h6-font-family);\n font-size: var(--ig-h6-font-size);\n font-weight: var(--ig-h6-font-weight);\n font-style: var(--ig-h6-font-style);\n line-height: var(--ig-h6-line-height);\n letter-spacing: var(--ig-h6-letter-spacing);\n text-transform: var(--ig-h6-text-transform);\n margin-top: var(--ig-h6-margin-top);\n margin-bottom: var(--ig-h6-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  :host {
4
4
  padding: 0 0.5rem;
5
5
  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n padding: 0 0.5rem;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n::slotted(igc-icon) {\n color: var(--ig-surface-500-contrast);\n}\n\n[part=base] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n\n::slotted(*) {\n font-family: var(--ig-h5-font-family);\n font-size: var(--ig-h5-font-size);\n font-weight: var(--ig-h5-font-weight);\n font-style: var(--ig-h5-font-style);\n line-height: var(--ig-h5-line-height);\n letter-spacing: var(--ig-h5-letter-spacing);\n text-transform: var(--ig-h5-text-transform);\n margin-top: var(--ig-h5-margin-top);\n margin-bottom: var(--ig-h5-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
1
+ {"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n padding: 0 0.5rem;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n::slotted(igc-icon) {\n color: var(--ig-surface-500-contrast);\n}\n\n[part=base] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n\n::slotted(*) {\n font-family: var(--ig-h5-font-family);\n font-size: var(--ig-h5-font-size);\n font-weight: var(--ig-h5-font-weight);\n font-style: var(--ig-h5-font-style);\n line-height: var(--ig-h5-line-height);\n letter-spacing: var(--ig-h5-letter-spacing);\n text-transform: var(--ig-h5-text-transform);\n margin-top: var(--ig-h5-margin-top);\n margin-bottom: var(--ig-h5-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  ::slotted(*) {
4
4
  font-family: var(--ig-subtitle-2-font-family);
5
5
  font-size: var(--ig-subtitle-2-font-size);
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;EAavB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n::slotted(*) {\n font-family: var(--ig-subtitle-2-font-family);\n font-size: var(--ig-subtitle-2-font-size);\n font-weight: var(--ig-subtitle-2-font-weight);\n font-style: var(--ig-subtitle-2-font-style);\n line-height: var(--ig-subtitle-2-line-height);\n letter-spacing: var(--ig-subtitle-2-letter-spacing);\n text-transform: var(--ig-subtitle-2-text-transform);\n margin-top: var(--ig-subtitle-2-margin-top);\n margin-bottom: var(--ig-subtitle-2-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
1
+ {"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;EAavB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n::slotted(*) {\n font-family: var(--ig-subtitle-2-font-family);\n font-size: var(--ig-subtitle-2-font-size);\n font-weight: var(--ig-subtitle-2-font-weight);\n font-style: var(--ig-subtitle-2-font-style);\n line-height: var(--ig-subtitle-2-line-height);\n letter-spacing: var(--ig-subtitle-2-letter-spacing);\n text-transform: var(--ig-subtitle-2-text-transform);\n margin-top: var(--ig-subtitle-2-margin-top);\n margin-bottom: var(--ig-subtitle-2-margin-bottom);\n line-height: normal;\n margin: 0;\n}`;\n"]}
@@ -1,5 +1,5 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `/* stylelint-disable max-line-length */
2
+ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
3
3
  :host {
4
4
  -webkit-box-shadow: none;
5
5
  box-shadow: none;
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;EAIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n -webkit-box-shadow: none;\n box-shadow: none;\n}`;\n"]}
1
+ {"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;EAIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n -webkit-box-shadow: none;\n box-shadow: none;\n}`;\n"]}
@@ -6,23 +6,42 @@ export declare abstract class IgcProgressBaseComponent extends LitElement {
6
6
  protected assignedElements: Array<HTMLElement>;
7
7
  protected progressIndicator: Element;
8
8
  protected percentage: number;
9
- /** Maximum value of the control. */
9
+ /**
10
+ * Maximum value of the control.
11
+ * @attr
12
+ */
10
13
  max: number;
11
- /** The value of the control. */
14
+ /**
15
+ * The value of the control.
16
+ * @attr
17
+ */
12
18
  value: number;
13
- /** The variant of the control. */
19
+ /**
20
+ * The variant of the control.
21
+ * @attr
22
+ */
14
23
  variant: 'primary' | 'info' | 'success' | 'warning' | 'danger';
15
- /** Animation duration in milliseconds. */
24
+ /**
25
+ * Animation duration in milliseconds.
26
+ * @attr animation-duration
27
+ */
16
28
  animationDuration: number;
17
- /** The indeterminate state of the control. */
29
+ /**
30
+ * The indeterminate state of the control.
31
+ * @attr
32
+ */
18
33
  indeterminate: boolean;
19
- /** Shows/hides the label of the control. */
34
+ /**
35
+ * Shows/hides the label of the control.
36
+ * @attr hide-label
37
+ */
20
38
  hideLabel: boolean;
21
39
  /**
22
40
  * Format string for the default label of the control.
23
41
  * Placeholders:
24
42
  * {0} - current value of the control.
25
43
  * {1} - max value of the control.
44
+ * @attr label-format
26
45
  */
27
46
  labelFormat: string;
28
47
  protected indeterminateChange(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/progress/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp } from '../common/util.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n private initialMax!: number;\n private initialValue!: number;\n\n protected tick!: number;\n\n @queryAssignedElements()\n protected assignedElements!: Array<HTMLElement>;\n\n @query('[part~=\"fill\"]', true)\n protected progressIndicator!: Element;\n\n @state()\n protected percentage = 0;\n\n /** Maximum value of the control. */\n @property({ type: Number })\n public max = 100;\n\n /** The value of the control. */\n @property({ type: Number })\n public value = 0;\n\n /** The variant of the control. */\n @property({ reflect: true })\n public variant: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n 'primary';\n\n /** Animation duration in milliseconds. */\n @property({ type: Number, attribute: 'animation-duration' })\n public animationDuration = 500;\n\n /** The indeterminate state of the control. */\n @property({ type: Boolean, reflect: false })\n public indeterminate = false;\n\n /** Shows/hides the label of the control. */\n @property({ type: Boolean, attribute: 'hide-label', reflect: false })\n public hideLabel = false;\n\n /**\n * Format string for the default label of the control.\n * Placeholders:\n * {0} - current value of the control.\n * {1} - max value of the control.\n */\n @property({ attribute: 'label-format' })\n public labelFormat!: string;\n\n @watch('indeterminate', { waitUntilFirstUpdate: true })\n protected indeterminateChange() {\n this.cancelAnimations();\n if (!this.indeterminate) {\n this.percentage = Math.floor(asPercent(this.value, this.max));\n }\n }\n\n @watch('max', { waitUntilFirstUpdate: true })\n protected maxChange() {\n this.max = Math.max(0, this.max);\n if (this.value > this.max) {\n this.value = this.max;\n } else {\n if (!this.indeterminate) {\n this.animateLabelTo(this.max, this.value);\n }\n }\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected valueChange(oldVal: number) {\n this.value = clamp(this.value, 0, this.max);\n if (!this.indeterminate) {\n cancelAnimationFrame(this.tick);\n if (this.percentage !== Math.floor(asPercent(this.value, this.max))) {\n this.animateLabelTo(oldVal, this.value);\n }\n }\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.initialMax = Math.max(0, this.max);\n this.initialValue = clamp(this.value, 0, this.initialMax);\n this.value = 0;\n this.max = 100;\n }\n\n protected override firstUpdated() {\n if (!this.indeterminate) {\n // trigger transition initially\n setTimeout(() => {\n this.max = this.initialMax;\n this.value = this.initialValue;\n }, 0);\n }\n }\n\n protected cancelAnimations() {\n requestAnimationFrame(() => {\n this.progressIndicator?.getAnimations().forEach((animation) => {\n if (animation instanceof CSSTransition) {\n animation.cancel();\n }\n });\n });\n cancelAnimationFrame(this.tick);\n }\n\n protected animateLabelTo(start: number, end: number) {\n let t0: number;\n\n const tick = (t1: number) => {\n t0 = t0 ?? t1;\n\n const progress = Math.min((t1 - t0) / (this.animationDuration || 1), 1);\n this.percentage = Math.floor(\n asPercent(progress * (end - start) + start, this.max)\n );\n progress < 1\n ? (this.tick = requestAnimationFrame(tick))\n : cancelAnimationFrame(this.tick);\n };\n\n requestAnimationFrame(tick);\n }\n\n protected renderLabelFormat() {\n return this.labelFormat\n .replace(/\\{0\\}/gm, `${this.value}`)\n .replace(/\\{1\\}/gm, `${this.max}`);\n }\n\n protected renderDefaultSlot() {\n return html`<slot part=\"label\" @slotchange=${this.slotChanges}></slot>\n ${when(\n this.indeterminate || this.hideLabel || this.assignedElements.length,\n () => nothing,\n () => html`<span part=\"label value\">${this.renderLabelText()}</span>`\n )}`;\n }\n\n protected renderLabelText() {\n return this.labelFormat ? this.renderLabelFormat() : `${this.percentage}%`;\n }\n}\n"]}
1
+ {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/progress/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp } from '../common/util.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n private initialMax!: number;\n private initialValue!: number;\n\n protected tick!: number;\n\n @queryAssignedElements()\n protected assignedElements!: Array<HTMLElement>;\n\n @query('[part~=\"fill\"]', true)\n protected progressIndicator!: Element;\n\n @state()\n protected percentage = 0;\n\n /**\n * Maximum value of the control.\n * @attr\n */\n @property({ type: Number })\n public max = 100;\n\n /**\n * The value of the control.\n * @attr\n */\n @property({ type: Number })\n public value = 0;\n\n /**\n * The variant of the control.\n * @attr\n */\n @property({ reflect: true })\n public variant: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n 'primary';\n\n /**\n * Animation duration in milliseconds.\n * @attr animation-duration\n */\n @property({ type: Number, attribute: 'animation-duration' })\n public animationDuration = 500;\n\n /**\n * The indeterminate state of the control.\n * @attr\n */\n @property({ type: Boolean, reflect: false })\n public indeterminate = false;\n\n /**\n * Shows/hides the label of the control.\n * @attr hide-label\n */\n @property({ type: Boolean, attribute: 'hide-label', reflect: false })\n public hideLabel = false;\n\n /**\n * Format string for the default label of the control.\n * Placeholders:\n * {0} - current value of the control.\n * {1} - max value of the control.\n * @attr label-format\n */\n @property({ attribute: 'label-format' })\n public labelFormat!: string;\n\n @watch('indeterminate', { waitUntilFirstUpdate: true })\n protected indeterminateChange() {\n this.cancelAnimations();\n if (!this.indeterminate) {\n this.percentage = Math.floor(asPercent(this.value, this.max));\n }\n }\n\n @watch('max', { waitUntilFirstUpdate: true })\n protected maxChange() {\n this.max = Math.max(0, this.max);\n if (this.value > this.max) {\n this.value = this.max;\n } else {\n if (!this.indeterminate) {\n this.animateLabelTo(this.max, this.value);\n }\n }\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected valueChange(oldVal: number) {\n this.value = clamp(this.value, 0, this.max);\n if (!this.indeterminate) {\n cancelAnimationFrame(this.tick);\n if (this.percentage !== Math.floor(asPercent(this.value, this.max))) {\n this.animateLabelTo(oldVal, this.value);\n }\n }\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.initialMax = Math.max(0, this.max);\n this.initialValue = clamp(this.value, 0, this.initialMax);\n this.value = 0;\n this.max = 100;\n }\n\n protected override firstUpdated() {\n if (!this.indeterminate) {\n // trigger transition initially\n setTimeout(() => {\n this.max = this.initialMax;\n this.value = this.initialValue;\n }, 0);\n }\n }\n\n protected cancelAnimations() {\n requestAnimationFrame(() => {\n this.progressIndicator?.getAnimations().forEach((animation) => {\n if (animation instanceof CSSTransition) {\n animation.cancel();\n }\n });\n });\n cancelAnimationFrame(this.tick);\n }\n\n protected animateLabelTo(start: number, end: number) {\n let t0: number;\n\n const tick = (t1: number) => {\n t0 = t0 ?? t1;\n\n const progress = Math.min((t1 - t0) / (this.animationDuration || 1), 1);\n this.percentage = Math.floor(\n asPercent(progress * (end - start) + start, this.max)\n );\n progress < 1\n ? (this.tick = requestAnimationFrame(tick))\n : cancelAnimationFrame(this.tick);\n };\n\n requestAnimationFrame(tick);\n }\n\n protected renderLabelFormat() {\n return this.labelFormat\n .replace(/\\{0\\}/gm, `${this.value}`)\n .replace(/\\{1\\}/gm, `${this.max}`);\n }\n\n protected renderDefaultSlot() {\n return html`<slot part=\"label\" @slotchange=${this.slotChanges}></slot>\n ${when(\n this.indeterminate || this.hideLabel || this.assignedElements.length,\n () => nothing,\n () => html`<span part=\"label value\">${this.renderLabelText()}</span>`\n )}`;\n }\n\n protected renderLabelText() {\n return this.labelFormat ? this.renderLabelFormat() : `${this.percentage}%`;\n }\n}\n"]}
@@ -10,11 +10,20 @@ import { LitElement } from 'lit';
10
10
  */
11
11
  export default class IgcCircularGradientComponent extends LitElement {
12
12
  static readonly tagName = "igc-circular-gradient";
13
- /** Defines where the gradient stop is placed along the gradient vector */
13
+ /**
14
+ * Defines where the gradient stop is placed along the gradient vector
15
+ * @attr
16
+ */
14
17
  offset: string;
15
- /** Defines the color of the gradient stop */
18
+ /**
19
+ * Defines the color of the gradient stop
20
+ * @attr
21
+ */
16
22
  color: string;
17
- /** Defines the opacity of the gradient stop */
23
+ /**
24
+ * Defines the opacity of the gradient stop
25
+ * @attr
26
+ */
18
27
  opacity: number;
19
28
  protected render(): symbol;
20
29
  }
@@ -1 +1 @@
1
- {"version":3,"file":"circular-gradient.js","sourceRoot":"","sources":["../../../src/components/progress/circular-gradient.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU;IAApE;;QAKS,WAAM,GAAG,IAAI,CAAC;QAId,UAAK,GAAG,OAAO,CAAC;QAIhB,YAAO,GAAG,CAAC,CAAC;IAKrB,CAAC;IAHoB,MAAM;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;;AAhBsB,oCAAO,GAAG,uBAAuB,CAAC;AAIzD;IADC,QAAQ,EAAE;4DACU;AAIrB;IADC,QAAQ,EAAE;2DACY;AAIvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACR","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Used for defining gradient stops in the igc-circular-progress.\n * For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\n * The values passed as `color`, `offset` and `opacity` would be set as\n * `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n *\n * @element igc-circular-gradient\n *\n */\nexport default class IgcCircularGradientComponent extends LitElement {\n public static readonly tagName = 'igc-circular-gradient';\n\n /** Defines where the gradient stop is placed along the gradient vector */\n @property()\n public offset = '0%';\n\n /** Defines the color of the gradient stop */\n @property()\n public color = 'black';\n\n /** Defines the opacity of the gradient stop */\n @property({ type: Number })\n public opacity = 1;\n\n protected override render() {\n return nothing;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-gradient': IgcCircularGradientComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"circular-gradient.js","sourceRoot":"","sources":["../../../src/components/progress/circular-gradient.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU;IAApE;;QAQS,WAAM,GAAG,IAAI,CAAC;QAOd,UAAK,GAAG,OAAO,CAAC;QAOhB,YAAO,GAAG,CAAC,CAAC;IAKrB,CAAC;IAHoB,MAAM;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;;AAzBsB,oCAAO,GAAG,uBAAuB,CAAC;AAOzD;IADC,QAAQ,EAAE;4DACU;AAOrB;IADC,QAAQ,EAAE;2DACY;AAOvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACR","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Used for defining gradient stops in the igc-circular-progress.\n * For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\n * The values passed as `color`, `offset` and `opacity` would be set as\n * `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n *\n * @element igc-circular-gradient\n *\n */\nexport default class IgcCircularGradientComponent extends LitElement {\n public static readonly tagName = 'igc-circular-gradient';\n\n /**\n * Defines where the gradient stop is placed along the gradient vector\n * @attr\n */\n @property()\n public offset = '0%';\n\n /**\n * Defines the color of the gradient stop\n * @attr\n */\n @property()\n public color = 'black';\n\n /**\n * Defines the opacity of the gradient stop\n * @attr\n */\n @property({ type: Number })\n public opacity = 1;\n\n protected override render() {\n return nothing;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-circular-gradient': IgcCircularGradientComponent;\n }\n}\n"]}
@@ -1 +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,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,4BAA4B,MAAM,wBAAwB,CAAC;AAElE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;AA2B/C,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.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\n\ndefineComponents(IgcCircularGradientComponent);\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"]}
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,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,4BAA4B,MAAM,wBAAwB,CAAC;AAElE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;AA2BhC,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,wBAAwB;IAAnE;;QAIH,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;;AAnEsB,oCAAO,GAAG,uBAAuB,CAAC;AAClC,mCAAM,GAAG,MAAM,CAAC;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.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/circular/circular.progress.base.css.js';\nimport { styles as bootstrap } from './themes/circular/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/circular/circular.progress.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCircularGradientComponent from './circular-gradient.js';\n\ndefineComponents(IgcCircularGradientComponent);\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"]}
@@ -22,9 +22,15 @@ import { IgcProgressBaseComponent } from './base.js';
22
22
  export default class IgcLinearProgressComponent extends IgcProgressBaseComponent {
23
23
  static readonly tagName = "igc-linear-progress";
24
24
  static styles: import("lit").CSSResult;
25
- /** Sets the striped look of the control. */
25
+ /**
26
+ * Sets the striped look of the control.
27
+ * @attr
28
+ */
26
29
  striped: boolean;
27
- /** The position for the default label of the control. */
30
+ /**
31
+ * The position for the default label of the control.
32
+ * @attr label-align
33
+ */
28
34
  labelAlign: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
29
35
  protected get wrapperParts(): {
30
36
  fill: boolean;
@@ -1 +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,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAuB5D,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,wBAAwB;IAAhF;;QAMS,YAAO,GAAG,KAAK,CAAC;QAIhB,eAAU,GAME,WAAW,CAAC;IAwCjC,CAAC;IAtCC,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;;qBAErB,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;;QAE3C,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;CACF,CAAA;AAvDwB,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,CAwD9C;eAxDoB,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css.js';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.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 part=\"${partNameMap(this.wrapperParts)} secondary\"></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
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,mBAAmB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAuB7C,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QASN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IAwCjC,CAAC;IAtCC,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;;qBAErB,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;;QAE3C,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;;AA5DsB,kCAAO,GAAG,qBAAqB,CAAC;AAChC,iCAAM,GAAG,MAAM,CAAC;AAOvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOvB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AAtBZ,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,0BAA0B,CA8D9C;eA9DoB,0BAA0B","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { asPercent, partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as bootstrap } from './themes/linear/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './themes/linear/linear.progress.fluent.css.js';\nimport { styles as indigo } from './themes/linear/linear.progress.indigo.css.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.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 /**\n * Sets the striped look of the control.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /**\n * The position for the default label of the control.\n * @attr label-align\n */\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 part=\"${partNameMap(this.wrapperParts)} secondary\"></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
@@ -32,7 +32,7 @@ export const styles = css `:host {
32
32
  display: none !important;
33
33
  }
34
34
 
35
- /* stylelint-disable max-line-length */
35
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
36
36
  @-webkit-keyframes indeterminate-primary {
37
37
  0% {
38
38
  -webkit-transform: translateX(0);