igniteui-webcomponents 4.11.1 → 5.0.0-rc.1

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 (367) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/README.md +168 -110
  3. package/components/accordion/accordion.d.ts +2 -2
  4. package/components/accordion/accordion.js +25 -35
  5. package/components/accordion/accordion.js.map +1 -1
  6. package/components/avatar/avatar.d.ts +1 -3
  7. package/components/avatar/avatar.js +1 -3
  8. package/components/avatar/avatar.js.map +1 -1
  9. package/components/avatar/themes/avatar.base.css.js +1 -1
  10. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  11. package/components/badge/badge.d.ts +2 -1
  12. package/components/badge/badge.js.map +1 -1
  13. package/components/badge/themes/badge.base.css.js +1 -1
  14. package/components/badge/themes/badge.base.css.js.map +1 -1
  15. package/components/button/button-base.d.ts +3 -4
  16. package/components/button/button-base.js +1 -9
  17. package/components/button/button-base.js.map +1 -1
  18. package/components/button/button.d.ts +3 -7
  19. package/components/button/button.js +4 -5
  20. package/components/button/button.js.map +1 -1
  21. package/components/button/icon-button.d.ts +2 -2
  22. package/components/button/icon-button.js +0 -3
  23. package/components/button/icon-button.js.map +1 -1
  24. package/components/button/themes/button/button.base.css.js +1 -1
  25. package/components/button/themes/button/button.base.css.js.map +1 -1
  26. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  27. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  28. package/components/button-group/themes/button.base.css.js +1 -1
  29. package/components/button-group/themes/button.base.css.js.map +1 -1
  30. package/components/button-group/themes/group.base.css.js +1 -1
  31. package/components/button-group/themes/group.base.css.js.map +1 -1
  32. package/components/calendar/base.d.ts +65 -0
  33. package/components/calendar/base.js +150 -0
  34. package/components/calendar/base.js.map +1 -0
  35. package/components/calendar/calendar.d.ts +113 -61
  36. package/components/calendar/calendar.js +417 -514
  37. package/components/calendar/calendar.js.map +1 -1
  38. package/components/calendar/days-view/days-view.d.ts +43 -46
  39. package/components/calendar/days-view/days-view.js +269 -340
  40. package/components/calendar/days-view/days-view.js.map +1 -1
  41. package/components/calendar/helpers.d.ts +30 -0
  42. package/components/calendar/helpers.js +99 -0
  43. package/components/calendar/helpers.js.map +1 -0
  44. package/components/calendar/model.d.ts +55 -0
  45. package/components/calendar/model.js +94 -0
  46. package/components/calendar/model.js.map +1 -0
  47. package/components/calendar/months-view/months-view.d.ts +12 -12
  48. package/components/calendar/months-view/months-view.js +72 -79
  49. package/components/calendar/months-view/months-view.js.map +1 -1
  50. package/components/calendar/themes/calendar.base.css.js +1 -1
  51. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  52. package/components/calendar/types.d.ts +16 -0
  53. package/components/calendar/types.js +10 -0
  54. package/components/calendar/types.js.map +1 -0
  55. package/components/calendar/years-view/years-view.d.ts +13 -12
  56. package/components/calendar/years-view/years-view.js +58 -73
  57. package/components/calendar/years-view/years-view.js.map +1 -1
  58. package/components/card/themes/card.actions.base.css.js +1 -1
  59. package/components/card/themes/card.actions.base.css.js.map +1 -1
  60. package/components/card/themes/card.content.base.css.js +1 -1
  61. package/components/card/themes/card.content.base.css.js.map +1 -1
  62. package/components/card/themes/card.header.base.css.js +1 -1
  63. package/components/card/themes/card.header.base.css.js.map +1 -1
  64. package/components/card/themes/card.media.base.css.js +1 -1
  65. package/components/card/themes/card.media.base.css.js.map +1 -1
  66. package/components/card/themes/container.base.css.js +1 -1
  67. package/components/card/themes/container.base.css.js.map +1 -1
  68. package/components/checkbox/checkbox-base.d.ts +8 -5
  69. package/components/checkbox/checkbox-base.js +8 -15
  70. package/components/checkbox/checkbox-base.js.map +1 -1
  71. package/components/checkbox/checkbox.d.ts +2 -4
  72. package/components/checkbox/checkbox.js.map +1 -1
  73. package/components/checkbox/switch.d.ts +1 -3
  74. package/components/checkbox/switch.js.map +1 -1
  75. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  76. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  77. package/components/checkbox/themes/switch.base.css.js +1 -1
  78. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  79. package/components/checkbox/validators.d.ts +3 -0
  80. package/components/checkbox/validators.js +5 -0
  81. package/components/checkbox/validators.js.map +1 -0
  82. package/components/chip/chip.d.ts +4 -3
  83. package/components/chip/chip.js +11 -19
  84. package/components/chip/chip.js.map +1 -1
  85. package/components/chip/themes/chip.base.css.js +1 -1
  86. package/components/chip/themes/chip.base.css.js.map +1 -1
  87. package/components/chip/themes/shared/chip.common.css.js +1 -1
  88. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  89. package/components/combo/combo.d.ts +36 -54
  90. package/components/combo/combo.js +36 -59
  91. package/components/combo/combo.js.map +1 -1
  92. package/components/combo/themes/combo-header.base.css.js +1 -1
  93. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  94. package/components/combo/themes/combo-item.base.css.js +1 -1
  95. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  96. package/components/combo/themes/combo.base.css.js +1 -1
  97. package/components/combo/themes/combo.base.css.js.map +1 -1
  98. package/components/combo/types.d.ts +2 -2
  99. package/components/combo/types.js.map +1 -1
  100. package/components/combo/validators.d.ts +3 -0
  101. package/components/combo/validators.js +9 -0
  102. package/components/combo/validators.js.map +1 -0
  103. package/components/common/controllers/key-bindings.d.ts +1 -0
  104. package/components/common/controllers/key-bindings.js.map +1 -1
  105. package/components/common/controllers/mutation-observer.d.ts +1 -0
  106. package/components/common/controllers/mutation-observer.js.map +1 -1
  107. package/components/common/controllers/root-click.d.ts +4 -2
  108. package/components/common/controllers/root-click.js +13 -7
  109. package/components/common/controllers/root-click.js.map +1 -1
  110. package/components/common/definitions/defineAllComponents.js +0 -2
  111. package/components/common/definitions/defineAllComponents.js.map +1 -1
  112. package/components/common/localization/intl-formatters.d.ts +17 -0
  113. package/components/common/localization/intl-formatters.js +46 -0
  114. package/components/common/localization/intl-formatters.js.map +1 -0
  115. package/components/common/mixins/alert.d.ts +3 -3
  116. package/components/common/mixins/alert.js +6 -4
  117. package/components/common/mixins/alert.js.map +1 -1
  118. package/components/common/mixins/combo-box.d.ts +4 -3
  119. package/components/common/mixins/combo-box.js +16 -10
  120. package/components/common/mixins/combo-box.js.map +1 -1
  121. package/components/common/mixins/form-associated.d.ts +1 -1
  122. package/components/common/mixins/form-associated.js +4 -2
  123. package/components/common/mixins/form-associated.js.map +1 -1
  124. package/components/common/util.d.ts +26 -0
  125. package/components/common/util.js +34 -0
  126. package/components/common/util.js.map +1 -1
  127. package/components/date-picker/date-picker.d.ts +7 -10
  128. package/components/date-picker/date-picker.js +16 -33
  129. package/components/date-picker/date-picker.js.map +1 -1
  130. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  131. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  132. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  133. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  134. package/components/date-picker/validators.d.ts +3 -0
  135. package/components/date-picker/validators.js +15 -0
  136. package/components/date-picker/validators.js.map +1 -0
  137. package/components/date-time-input/date-time-input.d.ts +3 -22
  138. package/components/date-time-input/date-time-input.js +8 -36
  139. package/components/date-time-input/date-time-input.js.map +1 -1
  140. package/components/date-time-input/date-util.js +3 -1
  141. package/components/date-time-input/date-util.js.map +1 -1
  142. package/components/date-time-input/validators.d.ts +3 -0
  143. package/components/date-time-input/validators.js +18 -0
  144. package/components/date-time-input/validators.js.map +1 -0
  145. package/components/dialog/dialog.d.ts +12 -25
  146. package/components/dialog/dialog.js +55 -77
  147. package/components/dialog/dialog.js.map +1 -1
  148. package/components/dialog/themes/dialog.base.css.js +1 -1
  149. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  150. package/components/dialog/themes/shared/dialog.common.css.js +1 -1
  151. package/components/dialog/themes/shared/dialog.common.css.js.map +1 -1
  152. package/components/divider/divider.js.map +1 -1
  153. package/components/divider/themes/divider.base.css.js +1 -1
  154. package/components/divider/themes/divider.base.css.js.map +1 -1
  155. package/components/dropdown/dropdown-group.d.ts +1 -1
  156. package/components/dropdown/dropdown-group.js +5 -3
  157. package/components/dropdown/dropdown-group.js.map +1 -1
  158. package/components/dropdown/dropdown.d.ts +4 -11
  159. package/components/dropdown/dropdown.js +10 -23
  160. package/components/dropdown/dropdown.js.map +1 -1
  161. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  162. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  163. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  164. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  165. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  166. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  167. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  168. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  169. package/components/expansion-panel/expansion-panel.d.ts +10 -10
  170. package/components/expansion-panel/expansion-panel.js +39 -39
  171. package/components/expansion-panel/expansion-panel.js.map +1 -1
  172. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  173. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  174. package/components/icon/icon-references.d.ts +28 -0
  175. package/components/icon/icon-references.js +151 -0
  176. package/components/icon/icon-references.js.map +1 -0
  177. package/components/icon/icon-state.broadcast.d.ts +10 -0
  178. package/components/icon/icon-state.broadcast.js +36 -0
  179. package/components/icon/icon-state.broadcast.js.map +1 -0
  180. package/components/icon/icon.d.ts +3 -3
  181. package/components/icon/icon.js +13 -7
  182. package/components/icon/icon.js.map +1 -1
  183. package/components/icon/icon.registry.d.ts +14 -14
  184. package/components/icon/icon.registry.js +70 -26
  185. package/components/icon/icon.registry.js.map +1 -1
  186. package/components/icon/internal-icons-lib.d.ts +2 -2
  187. package/components/icon/internal-icons-lib.js +2 -2
  188. package/components/icon/internal-icons-lib.js.map +1 -1
  189. package/components/icon/registry/default-map.d.ts +12 -0
  190. package/components/icon/registry/default-map.js +31 -0
  191. package/components/icon/registry/default-map.js.map +1 -0
  192. package/components/icon/registry/parser.d.ts +6 -0
  193. package/components/icon/registry/parser.js +21 -0
  194. package/components/icon/registry/parser.js.map +1 -0
  195. package/components/icon/registry/types.d.ts +34 -0
  196. package/components/icon/registry/types.js +7 -0
  197. package/components/icon/registry/types.js.map +1 -0
  198. package/components/icon/themes/icon.base.css.js +1 -1
  199. package/components/icon/themes/icon.base.css.js.map +1 -1
  200. package/components/input/input-base.d.ts +8 -21
  201. package/components/input/input-base.js +12 -41
  202. package/components/input/input-base.js.map +1 -1
  203. package/components/input/input.d.ts +3 -29
  204. package/components/input/input.js +4 -78
  205. package/components/input/input.js.map +1 -1
  206. package/components/input/themes/input.base.css.js +1 -1
  207. package/components/input/themes/input.base.css.js.map +1 -1
  208. package/components/input/validators.d.ts +4 -0
  209. package/components/input/validators.js +30 -0
  210. package/components/input/validators.js.map +1 -0
  211. package/components/list/list.d.ts +1 -3
  212. package/components/list/list.js +1 -2
  213. package/components/list/list.js.map +1 -1
  214. package/components/list/themes/container.base.css.js +1 -1
  215. package/components/list/themes/container.base.css.js.map +1 -1
  216. package/components/mask-input/mask-input-base.d.ts +3 -2
  217. package/components/mask-input/mask-input-base.js.map +1 -1
  218. package/components/mask-input/mask-input.d.ts +1 -4
  219. package/components/mask-input/mask-input.js +7 -17
  220. package/components/mask-input/mask-input.js.map +1 -1
  221. package/components/mask-input/validators.d.ts +3 -0
  222. package/components/mask-input/validators.js +11 -0
  223. package/components/mask-input/validators.js.map +1 -0
  224. package/components/nav-drawer/nav-drawer-item.d.ts +1 -5
  225. package/components/nav-drawer/nav-drawer-item.js +9 -10
  226. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  227. package/components/nav-drawer/nav-drawer.d.ts +4 -3
  228. package/components/nav-drawer/nav-drawer.js +18 -7
  229. package/components/nav-drawer/nav-drawer.js.map +1 -1
  230. package/components/nav-drawer/themes/container.base.css.js +1 -1
  231. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  232. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  233. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  234. package/components/nav-drawer/themes/item.base.css.js +1 -1
  235. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  236. package/components/navbar/themes/navbar.base.css.js +1 -1
  237. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  238. package/components/popover/themes/light/popover.base.css.js +1 -1
  239. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  240. package/components/progress/base.d.ts +2 -1
  241. package/components/progress/base.js.map +1 -1
  242. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  243. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  244. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  245. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  246. package/components/radio/radio.d.ts +9 -9
  247. package/components/radio/radio.js +17 -31
  248. package/components/radio/radio.js.map +1 -1
  249. package/components/radio/themes/radio.base.css.js +1 -1
  250. package/components/radio/themes/radio.base.css.js.map +1 -1
  251. package/components/radio/validators.d.ts +3 -0
  252. package/components/radio/validators.js +13 -0
  253. package/components/radio/validators.js.map +1 -0
  254. package/components/radio-group/radio-group.base.css.js +1 -1
  255. package/components/radio-group/radio-group.base.css.js.map +1 -1
  256. package/components/radio-group/radio-group.js.map +1 -1
  257. package/components/rating/rating.d.ts +1 -9
  258. package/components/rating/rating.js +6 -16
  259. package/components/rating/rating.js.map +1 -1
  260. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  261. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  262. package/components/rating/themes/rating.base.css.js +1 -1
  263. package/components/rating/themes/rating.base.css.js.map +1 -1
  264. package/components/ripple/ripple.material.css.js +1 -1
  265. package/components/ripple/ripple.material.css.js.map +1 -1
  266. package/components/select/select.d.ts +5 -33
  267. package/components/select/select.js +23 -66
  268. package/components/select/select.js.map +1 -1
  269. package/components/select/themes/select.base.css.js +1 -1
  270. package/components/select/themes/select.base.css.js.map +1 -1
  271. package/components/select/validators.d.ts +3 -0
  272. package/components/select/validators.js +5 -0
  273. package/components/select/validators.js.map +1 -0
  274. package/components/slider/range-slider.d.ts +0 -16
  275. package/components/slider/range-slider.js +0 -18
  276. package/components/slider/range-slider.js.map +1 -1
  277. package/components/slider/themes/slider.base.css.js +1 -1
  278. package/components/slider/themes/slider.base.css.js.map +1 -1
  279. package/components/snackbar/snackbar.js +3 -7
  280. package/components/snackbar/snackbar.js.map +1 -1
  281. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  282. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  283. package/components/stepper/themes/step/step.base.css.js +1 -1
  284. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  285. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  286. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  287. package/components/stepper/themes/stepper/stepper.bootstrap.css.js +1 -1
  288. package/components/stepper/themes/stepper/stepper.bootstrap.css.js.map +1 -1
  289. package/components/stepper/themes/stepper/stepper.fluent.css.js +1 -1
  290. package/components/stepper/themes/stepper/stepper.fluent.css.js.map +1 -1
  291. package/components/stepper/themes/stepper/stepper.indigo.css.js +1 -1
  292. package/components/stepper/themes/stepper/stepper.indigo.css.js.map +1 -1
  293. package/components/tabs/tabs.js +2 -3
  294. package/components/tabs/tabs.js.map +1 -1
  295. package/components/tabs/themes/tab.base.css.js +1 -1
  296. package/components/tabs/themes/tab.base.css.js.map +1 -1
  297. package/components/tabs/themes/tabs.base.css.js +1 -1
  298. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  299. package/components/textarea/textarea.d.ts +13 -16
  300. package/components/textarea/textarea.js +10 -12
  301. package/components/textarea/textarea.js.map +1 -1
  302. package/components/textarea/themes/textarea.base.css.js +1 -1
  303. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  304. package/components/textarea/validators.d.ts +3 -0
  305. package/components/textarea/validators.js +7 -0
  306. package/components/textarea/validators.js.map +1 -0
  307. package/components/toast/themes/toast.base.css.js +1 -1
  308. package/components/toast/themes/toast.base.css.js.map +1 -1
  309. package/components/tree/themes/container.base.css.js +1 -1
  310. package/components/tree/themes/container.base.css.js.map +1 -1
  311. package/components/tree/themes/item.base.css.js +1 -1
  312. package/components/tree/themes/item.base.css.js.map +1 -1
  313. package/components/tree/tree-item.d.ts +4 -4
  314. package/components/tree/tree-item.js +11 -23
  315. package/components/tree/tree-item.js.map +1 -1
  316. package/components/tree/tree.d.ts +3 -4
  317. package/components/tree/tree.js +1 -37
  318. package/components/tree/tree.js.map +1 -1
  319. package/components/types.d.ts +3 -0
  320. package/components/types.js +2 -0
  321. package/components/types.js.map +1 -0
  322. package/custom-elements.json +30658 -31327
  323. package/igniteui-webcomponents.css-data.json +5 -928
  324. package/igniteui-webcomponents.html-data.json +4 -2699
  325. package/index.d.ts +5 -4
  326. package/index.js +2 -3
  327. package/index.js.map +1 -1
  328. package/package.json +1 -1
  329. package/theming/config.js +3 -3
  330. package/theming/config.js.map +1 -1
  331. package/theming/theming-controller.d.ts +4 -6
  332. package/theming/theming-controller.js +30 -34
  333. package/theming/theming-controller.js.map +1 -1
  334. package/theming/theming-decorator.d.ts +29 -11
  335. package/theming/theming-decorator.js +21 -7
  336. package/theming/theming-decorator.js.map +1 -1
  337. package/theming/theming-event.js.map +1 -1
  338. package/theming/types.d.ts +5 -0
  339. package/theming/types.js.map +1 -1
  340. package/theming/utils.d.ts +1 -1
  341. package/theming/utils.js +8 -8
  342. package/theming/utils.js.map +1 -1
  343. package/web-types.json +12 -7621
  344. package/components/calendar/common/calendar-base.d.ts +0 -40
  345. package/components/calendar/common/calendar-base.js +0 -118
  346. package/components/calendar/common/calendar-base.js.map +0 -1
  347. package/components/calendar/common/calendar.model.d.ts +0 -128
  348. package/components/calendar/common/calendar.model.js +0 -246
  349. package/components/calendar/common/calendar.model.js.map +0 -1
  350. package/components/calendar/common/utils.d.ts +0 -12
  351. package/components/calendar/common/utils.js +0 -54
  352. package/components/calendar/common/utils.js.map +0 -1
  353. package/components/common/decorators/alternateName.d.ts +0 -7
  354. package/components/common/decorators/alternateName.js +0 -4
  355. package/components/common/decorators/alternateName.js.map +0 -1
  356. package/components/common/decorators/blazorSuppress.d.ts +0 -5
  357. package/components/common/decorators/blazorSuppress.js +0 -4
  358. package/components/common/decorators/blazorSuppress.js.map +0 -1
  359. package/components/common/decorators/blazorTwoWayBind.d.ts +0 -7
  360. package/components/common/decorators/blazorTwoWayBind.js +0 -4
  361. package/components/common/decorators/blazorTwoWayBind.js.map +0 -1
  362. package/components/common/mixins/sizable.d.ts +0 -13
  363. package/components/common/mixins/sizable.js +0 -27
  364. package/components/common/mixins/sizable.js.map +0 -1
  365. package/components/form/form.d.ts +0 -48
  366. package/components/form/form.js +0 -158
  367. package/components/form/form.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,+BAA+B,MAAM,6BAA6B,CAAC;AAC1E,OAAO,yBAAyB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAgBvE,IAAM,qBAAqB,6BAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAqBN,aAAQ,GAAoD,OAAO,CAAC;QAOpE,SAAI,GAAG,KAAK,CAAC;IAmDtB,CAAC;IA1EQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,uBAAqB,EACrB,+BAA+B,EAC/B,yBAAyB,CAC1B,CAAC;IACJ,CAAC;IAmBkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACxC,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC;SAC1C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;;;;;;;kBAQ1B,KAAK;;;KAGlB,CAAC;IACJ,CAAC;;AA7EsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;AAC3B,4BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAYzC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gEACO;AAOxC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAC+C;AAOpE;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB;AA5BD,qBAAqB;IADzC,MAAM,CAAC,GAAG,CAAC;GACS,qBAAqB,CA+EzC;eA/EoB,qBAAqB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\n@themes(all)\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcNavDrawerComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent\n );\n }\n\n @queryAssignedElements({ slot: 'mini' })\n private _miniSlotElements!: Array<HTMLElement>;\n\n /**\n * The position of the drawer.\n * @attr\n */\n @property({ reflect: true })\n public position: 'start' | 'end' | 'top' | 'bottom' | 'relative' = 'start';\n\n /**\n * Determines whether the drawer is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n /** Opens the drawer. */\n public show() {\n if (this.open) {\n return;\n }\n\n this.open = true;\n }\n\n /** Closes the drawer. */\n public hide() {\n if (!this.open) {\n return;\n }\n\n this.open = false;\n }\n\n /** Toggles the open state of the drawer. */\n public toggle() {\n this.open ? this.hide() : this.show();\n }\n\n protected override render() {\n const parts = partNameMap({\n mini: true,\n hidden: this._miniSlotElements.length < 1,\n });\n\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n\n <div part=\"base\">\n <div part=\"main\">\n <slot></slot>\n </div>\n </div>\n\n <div part=${parts}>\n <slot name=\"mini\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\n@themes(all)\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcNavDrawerComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent\n );\n }\n\n @queryAssignedElements({ slot: 'mini' })\n private _miniSlotElements!: Array<HTMLElement>;\n\n /**\n * The position of the drawer.\n * @attr\n */\n @property({ reflect: true })\n public position: 'start' | 'end' | 'top' | 'bottom' | 'relative' = 'start';\n\n /**\n * Determines whether the drawer is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private _waitTransitions() {\n return new Promise<Event>((resolve) => {\n this.renderRoot.addEventListener('transitionend', resolve, {\n once: true,\n });\n });\n }\n\n /** Opens the drawer. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Closes the drawer. */\n public async hide(): Promise<boolean> {\n if (!this.open) {\n return false;\n }\n\n this.open = false;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Toggles the open state of the drawer. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n protected override render() {\n const parts = partNameMap({\n mini: true,\n hidden: this._miniSlotElements.length < 1,\n });\n\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n\n <div part=\"base\" .inert=${!this.open}>\n <div part=\"main\">\n <slot></slot>\n </div>\n </div>\n\n <div part=${parts}>\n <slot name=\"mini\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;-webkit-transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s}:host [part~=mini]{width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;-webkit-transition:opacity ease-out .3s,.3s;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);-webkit-box-shadow:none;box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{-webkit-margin-start:calc(var(--menu-full-width)*-1);margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(60vh);-ms-transform:translateY(60vh);transform:translateY(60vh)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part="mini hidden"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{-webkit-transform:translateX(calc(100% * var(--dir)));-ms-transform:translateX(calc(100% * var(--dir)));transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;-webkit-transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s}:host [part~=mini]{width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;-webkit-transition:opacity ease-out .3s,.3s;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);-webkit-box-shadow:none;box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{-webkit-margin-start:calc(var(--menu-full-width)*-1);margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(60vh);-ms-transform:translateY(60vh);transform:translateY(60vh)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part="mini hidden"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{-webkit-transform:translateX(calc(100% * var(--dir)));-ms-transform:translateX(calc(100% * var(--dir)));transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;
3
3
  //# sourceMappingURL=container.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4lIAA4lI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;-webkit-transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s}:host [part~=mini]{width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;-webkit-transition:opacity ease-out .3s,.3s;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);-webkit-box-shadow:none;box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{-webkit-margin-start:calc(var(--menu-full-width)*-1);margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(60vh);-ms-transform:translateY(60vh);transform:translateY(60vh)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part=\"mini hidden\"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{-webkit-transform:translateX(calc(100% * var(--dir)));-ms-transform:translateX(calc(100% * var(--dir)));transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;\n"]}
1
+ {"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4lIAA4lI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--menu-full-width: 15rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-family:var(--ig-font-family)}:host [part=base],:host [part~=mini]{--ig-scrollbar-size: rem(8px);position:fixed;height:100%;min-height:100%;overflow-x:hidden;inset-block:0;z-index:999;opacity:1;-webkit-transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s;transition:transform ease-out .3s,.3s,opacity ease-out .3s,.3s,-webkit-transform ease-out .3s}:host [part~=mini]{width:var(--menu-mini-width)}:host [part=base]{width:var(--menu-full-width)}:host [part=main]{width:100%}:host [part=overlay]{position:fixed;inset:0;z-index:2;opacity:1;-webkit-transition:opacity ease-out .3s,.3s;transition:opacity ease-out .3s,.3s}:host([position=relative]) [part=base]{position:relative;width:var(--menu-full-width);-webkit-box-shadow:none;box-shadow:none;z-index:initial;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part~=mini]{position:relative;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=relative]) [part=overlay]{display:none}:host([position=top]) [part=main],:host([position=bottom]) [part=main]{width:100%}:host([position=top]) [part=base],:host([position=bottom]) [part=base]{height:50vh;min-height:initial;width:100%;inset-inline:0}:host([position=top]) [part=base]{top:0;bottom:auto}:host([position=bottom]) [part=base]{top:auto;bottom:0}:host([position=start]) [part=base],:host([position=start]) [part~=mini]{inset-inline-start:0;border-inline-end-style:solid;border-inline-end-width:.0625rem}:host([position=end]) [part=base],:host([position=end]) [part~=mini]{inset-inline-end:0;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host(:not([open])[position=start]),:host([dir=rtl]:not([open])[position=end]){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([open])[position=end]),:host([dir=rtl]:not([open])[position=start]){--dir: calc(var(--ig-dir, 1) * 1)}:host(:not([open])[position=relative]) [part=base]{-webkit-margin-start:calc(var(--menu-full-width)*-1);margin-inline-start:calc(var(--menu-full-width)*-1)}:host(:not([open])[position=top]) [part=base],:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(-60vh);-ms-transform:translateY(-60vh);transform:translateY(-60vh)}:host(:not([open])[position=top]) [part=mini],:host(:not([open])[position=bottom]) [part=mini]{display:none}:host(:not([open])[position=bottom]) [part=base]{-webkit-transform:translateY(60vh);-ms-transform:translateY(60vh);transform:translateY(60vh)}:host([open][position=end]) [part=base]{-webkit-border-end:none;border-inline-end:none;border-inline-start-style:solid;border-inline-start-width:.0625rem}:host([open]) [part=mini],[part=\"mini hidden\"]{display:none}:host([open]:not([position=relative])) [part=base]{border-inline-end-style:solid;border-inline-end-width:.0625rem}:host(:not([open])) [part=base]{-webkit-transform:translateX(calc(100% * var(--dir)));-ms-transform:translateX(calc(100% * var(--dir)));transform:translateX(calc(100% * var(--dir)));opacity:0}:host(:not([open])) [part=overlay]{pointer-events:none;opacity:0}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}`;
3
3
  //# sourceMappingURL=header-item.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"header-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8/BAA8/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}`;\n"]}
1
+ {"version":3,"file":"header-item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/header-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8/BAA8/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;
3
3
  //# sourceMappingURL=item.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0DAAo0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;\n"]}
1
+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0DAAo0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[part=end]{gap:1rem}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;
3
3
  //# sourceMappingURL=navbar.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoFAAuoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;\n"]}
1
+ {"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ooFAAooF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[part=end]{gap:1rem}[name=start]::slotted(*){-webkit-margin-end:1rem;margin-inline-end:1rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:fixed;overflow:visible;isolation:isolate;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:fixed;overflow:visible;isolation:isolate;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;
3
3
  //# sourceMappingURL=popover.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.base.css.js","sourceRoot":"","sources":["../../../../../src/components/popover/themes/light/popover.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iCAA6iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:fixed;overflow:visible;isolation:isolate;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;\n"]}
1
+ {"version":3,"file":"popover.base.css.js","sourceRoot":"","sources":["../../../../../src/components/popover/themes/light/popover.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iCAA6iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:fixed;overflow:visible;isolation:isolate;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;\n"]}
@@ -1,4 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
+ import type { StyleVariant } from '../types.js';
2
3
  export declare abstract class IgcProgressBaseComponent extends LitElement {
3
4
  private __internals;
4
5
  private _ticker;
@@ -20,7 +21,7 @@ export declare abstract class IgcProgressBaseComponent extends LitElement {
20
21
  * The variant of the control.
21
22
  * @attr
22
23
  */
23
- variant: 'primary' | 'info' | 'success' | 'warning' | 'danger';
24
+ variant: StyleVariant;
24
25
  /**
25
26
  * Animation duration in milliseconds.
26
27
  * @attr animation-duration
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/components/progress/base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,OAAgB,wBAAyB,SAAQ,UAAU;IAsErD,mBAAmB;QAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAGS,SAAS;QACjB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAEjC,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;QACxB,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAGS,WAAW,CAAC,QAAgB;QACpC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAhGA,eAAU,GAAG,CAAC,CAAC;QAGf,aAAQ,GAAG,CAAC,CAAC;QAOhB,QAAG,GAAG,GAAG,CAAC;QAOV,UAAK,GAAG,CAAC,CAAC;QAOV,YAAO,GACZ,SAAS,CAAC;QAOL,sBAAiB,GAAG,GAAG,CAAC;QAOxB,kBAAa,GAAG,KAAK,CAAC;QAOtB,cAAS,GAAG,KAAK,CAAC;QAmDvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE1C,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC;QACtC,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,GAAG,CAAC;IACtC,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,OAAO;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,WAAW;QACjB,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW;YAC3B,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC1B,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;QAE1B,SAAS,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACrE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;IACxC,CAAC;IAEe,KAAK,CAAC,iBAAiB;QACrC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACxB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAES,gBAAgB;QACxB,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5D,IAAI,SAAS,YAAY,aAAa,EAAE,CAAC;gBACvC,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,KAAa,EAAE,GAAW;QACjD,IAAI,EAAU,CAAC;QAEf,MAAM,IAAI,GAAG,CAAC,EAAU,EAAE,EAAE;YAC1B,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;YAEd,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAC/C,CAAC,CACF,CAAC;YAEF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAC1B,SAAS,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CACnD,CAAC;YAEF,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;gBACd,IAAI,CAAC,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEF,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAES,iBAAiB;QACzB,OAAO,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC;IAES,iBAAiB;QACzB,MAAM,UAAU,GACd,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;QAEvE,OAAO,IAAI,CAAA;;QAEP,UAAU;YACV,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,eAAe,EAAE,SAAS;KACpE,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC;IAC7E,CAAC;CACF;AAvMW;IADT,qBAAqB,EAAE;kEACwB;AAGtC;IADT,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC;mEACQ;AAG5B;IADT,KAAK,EAAE;4DACiB;AAGf;IADT,KAAK,EAAE;0DACe;AAOhB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACV;AAOV;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACV;AAOV;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAEhB;AAOL;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;mEAC7B;AAOxB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;+DACf;AAOtB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;2DAC5C;AAUlB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;6DACZ;AAGlB;IADT,KAAK,CAAC,eAAe,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;mEAQtD;AAGS;IADT,KAAK,CAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;yDAc5C;AAGS;IADT,KAAK,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;2DAS9C","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp, formatString } from '../common/util.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n private __internals: ElementInternals;\n private _ticker!: 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 @state()\n protected progress = 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\n if (!this.indeterminate) {\n this._setProgress();\n this.animateLabelTo(0, this.value);\n }\n }\n\n @watch('max', { waitUntilFirstUpdate: true })\n protected maxChange() {\n this.max = Math.max(0, this.max);\n\n if (this.value > this.max) {\n this.value = this.max;\n }\n\n this._setProgress();\n\n if (!this.indeterminate) {\n cancelAnimationFrame(this._ticker);\n this.animateLabelTo(this.max, this.value);\n }\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected valueChange(previous: number) {\n this.value = clamp(this.value, 0, this.max);\n this._setProgress();\n\n if (!this.indeterminate) {\n cancelAnimationFrame(this._ticker);\n this.animateLabelTo(previous, this.value);\n }\n }\n\n constructor() {\n super();\n this.__internals = this.attachInternals();\n\n this.__internals.role = 'progressbar';\n this.__internals.ariaValueMin = '0';\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override updated() {\n this._updateARIA();\n }\n\n private _updateARIA() {\n const internals = this.__internals;\n const text = this.labelFormat\n ? this.renderLabelFormat()\n : `${this.percentage}%`;\n\n internals.ariaValueMax = `${this.max}`;\n internals.ariaValueNow = this.indeterminate ? null : `${this.value}`;\n internals.ariaValueText = this.indeterminate ? null : text;\n }\n\n private _setProgress() {\n this.progress = this.value / this.max;\n }\n\n public override async connectedCallback() {\n super.connectedCallback();\n\n await this.updateComplete;\n if (!this.indeterminate) {\n requestAnimationFrame(() => {\n this._setProgress();\n this.animateLabelTo(0, this.value);\n });\n }\n }\n\n protected cancelAnimations() {\n cancelAnimationFrame(this._ticker);\n this.progressIndicator?.getAnimations().forEach((animation) => {\n if (animation instanceof CSSTransition) {\n animation.cancel();\n }\n });\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 delta = Math.min(\n (t1 - t0) / Math.max(this.animationDuration, 1),\n 1\n );\n\n this.percentage = Math.floor(\n asPercent(delta * (end - start) + start, this.max)\n );\n\n if (delta < 1) {\n this._ticker = requestAnimationFrame(tick);\n } else {\n cancelAnimationFrame(this._ticker);\n }\n };\n\n requestAnimationFrame(tick);\n }\n\n protected renderLabelFormat() {\n return formatString(this.labelFormat, this.value, this.max);\n }\n\n protected renderDefaultSlot() {\n const hasNoLabel =\n this.indeterminate || this.hideLabel || this.assignedElements.length;\n\n return html`\n <slot part=\"label\"></slot>\n ${hasNoLabel\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 { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { asPercent, clamp, formatString } from '../common/util.js';\nimport type { StyleVariant } from '../types.js';\n\nexport abstract class IgcProgressBaseComponent extends LitElement {\n private __internals: ElementInternals;\n private _ticker!: 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 @state()\n protected progress = 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: StyleVariant = '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\n if (!this.indeterminate) {\n this._setProgress();\n this.animateLabelTo(0, this.value);\n }\n }\n\n @watch('max', { waitUntilFirstUpdate: true })\n protected maxChange() {\n this.max = Math.max(0, this.max);\n\n if (this.value > this.max) {\n this.value = this.max;\n }\n\n this._setProgress();\n\n if (!this.indeterminate) {\n cancelAnimationFrame(this._ticker);\n this.animateLabelTo(this.max, this.value);\n }\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected valueChange(previous: number) {\n this.value = clamp(this.value, 0, this.max);\n this._setProgress();\n\n if (!this.indeterminate) {\n cancelAnimationFrame(this._ticker);\n this.animateLabelTo(previous, this.value);\n }\n }\n\n constructor() {\n super();\n this.__internals = this.attachInternals();\n\n this.__internals.role = 'progressbar';\n this.__internals.ariaValueMin = '0';\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override updated() {\n this._updateARIA();\n }\n\n private _updateARIA() {\n const internals = this.__internals;\n const text = this.labelFormat\n ? this.renderLabelFormat()\n : `${this.percentage}%`;\n\n internals.ariaValueMax = `${this.max}`;\n internals.ariaValueNow = this.indeterminate ? null : `${this.value}`;\n internals.ariaValueText = this.indeterminate ? null : text;\n }\n\n private _setProgress() {\n this.progress = this.value / this.max;\n }\n\n public override async connectedCallback() {\n super.connectedCallback();\n\n await this.updateComplete;\n if (!this.indeterminate) {\n requestAnimationFrame(() => {\n this._setProgress();\n this.animateLabelTo(0, this.value);\n });\n }\n }\n\n protected cancelAnimations() {\n cancelAnimationFrame(this._ticker);\n this.progressIndicator?.getAnimations().forEach((animation) => {\n if (animation instanceof CSSTransition) {\n animation.cancel();\n }\n });\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 delta = Math.min(\n (t1 - t0) / Math.max(this.animationDuration, 1),\n 1\n );\n\n this.percentage = Math.floor(\n asPercent(delta * (end - start) + start, this.max)\n );\n\n if (delta < 1) {\n this._ticker = requestAnimationFrame(tick);\n } else {\n cancelAnimationFrame(this._ticker);\n }\n };\n\n requestAnimationFrame(tick);\n }\n\n protected renderLabelFormat() {\n return formatString(this.labelFormat, this.value, this.max);\n }\n\n protected renderDefaultSlot() {\n const hasNoLabel =\n this.indeterminate || this.hideLabel || this.assignedElements.length;\n\n return html`\n <slot part=\"label\"></slot>\n ${hasNoLabel\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,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 1.3px;--diameter: 30px}[part~=label]{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.009375rem}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness));-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--diameter) + var(--stroke-thickness))/2);cy:calc(calc(var(--diameter) + var(--stroke-thickness))/2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 1.3px;--diameter: 30px}[part~=label]{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.009375rem}[part="svg indeterminate"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part="svg indeterminate"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness));-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--diameter) + var(--stroke-thickness))/2);cy:calc(calc(var(--diameter) + var(--stroke-thickness))/2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part="svg indeterminate"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;
3
3
  //# sourceMappingURL=circular.progress.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0pXAA0pX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 1.3px;--diameter: 30px}[part~=label]{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.009375rem}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness));-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--diameter) + var(--stroke-thickness))/2);cy:calc(calc(var(--diameter) + var(--stroke-thickness))/2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
1
+ {"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0pXAA0pX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;--stroke-thickness: 1.3px;--diameter: 30px}[part~=label]{position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%}[part~=label],[part~=value]{font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.009375rem}[part=\"svg indeterminate\"]{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:3s linear 0s infinite normal none running rotate-center;animation:3s linear 0s infinite normal none running rotate-center}[part=\"svg indeterminate\"] [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);-webkit-animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite}[part~=svg]{width:calc(var(--diameter) + var(--stroke-thickness));height:calc(var(--diameter) + var(--stroke-thickness));-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}[part~=track],[part~=fill]{width:100%;height:100%;fill:rgba(0,0,0,0);cx:calc(calc(var(--diameter) + var(--stroke-thickness))/2);cy:calc(calc(var(--diameter) + var(--stroke-thickness))/2);r:calc(var(--diameter)/2 - var(--stroke-thickness)*.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}[part~=track]{stroke-width:var(--stroke-thickness)}[part~=fill]{stroke-dasharray:calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));-webkit-transition:stroke-dashoffset var(--duration) linear;transition:stroke-dashoffset var(--duration) linear;stroke-width:calc(var(--stroke-thickness) + .046875rem);--percentage: 0;--duration: 500ms}:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill]{-webkit-animation-name:indeterminate-accordion-rtl;animation-name:indeterminate-accordion-rtl}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}:host([dir=rtl]) [part~=indeterminate] [part~=track]{animation-direction:reverse}:host([dir=rtl]) [part~=fill]{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage)*calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
3
3
  //# sourceMappingURL=linear.progress.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tYAA+tY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
1
+ {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tYAA+tY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@-webkit-keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@keyframes indeterminate-primary{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);-webkit-transform:translateX(83.671%);transform:translateX(83.671%)}100%{-webkit-transform:translateX(200.611%);transform:translateX(200.611%)}}@-webkit-keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-primary-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);-webkit-transform:scaleX(0.6614);transform:scaleX(0.6614)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@keyframes indeterminate-secondary{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:translateX(37.6519%);transform:translateX(37.6519%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:translateX(84.3861%);transform:translateX(84.3861%)}100%{-webkit-transform:translateX(160.2777%);transform:translateX(160.2777%)}}@-webkit-keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes indeterminate-secondary-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);-webkit-transform:scaleX(0.4571);transform:scaleX(0.4571)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);-webkit-transform:scaleX(0.727);transform:scaleX(0.727)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}100%{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{0%{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@-webkit-keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--ig-font-family)}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;--track-size: 0.25rem;--linear-animation-duration: 2000ms}:host([dir=rtl][indeterminate]) [part~=track]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[part~=track]{position:relative;width:inherit;height:var(--track-size);overflow:hidden;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-animation:indeterminate-primary var(--linear-animation-duration) infinite linear;animation:indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{-webkit-animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{-webkit-animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{-webkit-animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;animation:indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=striped][part~=primary]:not([part~=indeterminate]){width:100%;height:100%}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;\n"]}
@@ -1,10 +1,13 @@
1
1
  import { LitElement } from 'lit';
2
2
  import type { Constructor } from '../common/mixins/constructor.js';
3
- import type { Validator } from '../common/validators.js';
3
+ export interface RadioChangeEventArgs {
4
+ checked: boolean;
5
+ value?: string;
6
+ }
4
7
  export interface IgcRadioEventMap {
5
- igcChange: CustomEvent<boolean>;
6
- igcFocus: CustomEvent<void>;
7
- igcBlur: CustomEvent<void>;
8
+ igcChange: CustomEvent<RadioChangeEventArgs>;
9
+ focus: FocusEvent;
10
+ blur: FocusEvent;
8
11
  }
9
12
  declare const IgcRadioComponent_base: Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRadioEventMap>> & Constructor<LitElement>;
10
13
  /**
@@ -13,11 +16,9 @@ declare const IgcRadioComponent_base: Constructor<import("../common/mixins/form-
13
16
  * @slot - The radio label.
14
17
  *
15
18
  * @fires igcChange - Emitted when the control's checked state changes.
16
- * @fires igcFocus - Emitted when the control gains focus.
17
- * @fires igcBlur - Emitted when the control loses focus.
18
19
  *
19
20
  * @csspart base - The radio control base wrapper.
20
- * @csspart control - The radio control.
21
+ * @csspart control - The radio input control.
21
22
  * @csspart label - The radio control label.
22
23
  */
23
24
  export default class IgcRadioComponent extends IgcRadioComponent_base {
@@ -25,7 +26,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
25
26
  protected static styles: import("lit").CSSResult[];
26
27
  static register(): void;
27
28
  private static readonly increment;
28
- protected validators: Validator<this>[];
29
+ protected get __validators(): import("../common/validators.js").Validator<IgcRadioComponent>[];
29
30
  private inputId;
30
31
  private labelId;
31
32
  private _kbFocus;
@@ -83,7 +84,6 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
83
84
  private _resetTabIndexes;
84
85
  protected handleClick(): void;
85
86
  protected handleBlur(): void;
86
- protected handleFocus(): void;
87
87
  protected navigate(idx: number): void;
88
88
  protected render(): import("lit-html").TemplateResult<1>;
89
89
  }