igniteui-webcomponents 4.8.2 → 4.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (356) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +2 -2
  3. package/animations/player.js +1 -1
  4. package/animations/player.js.map +1 -1
  5. package/animations/presets/slide/index.js +4 -4
  6. package/animations/presets/slide/index.js.map +1 -1
  7. package/components/accordion/accordion.js +2 -2
  8. package/components/accordion/accordion.js.map +1 -1
  9. package/components/avatar/avatar.d.ts +1 -0
  10. package/components/avatar/avatar.js +11 -7
  11. package/components/avatar/avatar.js.map +1 -1
  12. package/components/avatar/themes/themes.js.map +1 -1
  13. package/components/badge/badge.js +7 -6
  14. package/components/badge/badge.js.map +1 -1
  15. package/components/badge/themes/themes.d.ts +1 -1
  16. package/components/badge/themes/themes.js.map +1 -1
  17. package/components/button/button-base.d.ts +1 -1
  18. package/components/button/button-base.js.map +1 -1
  19. package/components/button/button.js +6 -5
  20. package/components/button/button.js.map +1 -1
  21. package/components/button/icon-button.js +8 -7
  22. package/components/button/icon-button.js.map +1 -1
  23. package/components/button/themes/button/themes.d.ts +1 -1
  24. package/components/button/themes/button/themes.js.map +1 -1
  25. package/components/button/themes/icon-button/themes.d.ts +1 -1
  26. package/components/button/themes/icon-button/themes.js.map +1 -1
  27. package/components/button-group/button-group.js +27 -19
  28. package/components/button-group/button-group.js.map +1 -1
  29. package/components/button-group/themes/button.js.map +1 -1
  30. package/components/button-group/themes/group.js.map +1 -1
  31. package/components/button-group/toggle-button.js +7 -6
  32. package/components/button-group/toggle-button.js.map +1 -1
  33. package/components/calendar/calendar.d.ts +2 -2
  34. package/components/calendar/calendar.js +17 -19
  35. package/components/calendar/calendar.js.map +1 -1
  36. package/components/calendar/common/calendar-base.d.ts +1 -1
  37. package/components/calendar/common/calendar-base.js +2 -2
  38. package/components/calendar/common/calendar-base.js.map +1 -1
  39. package/components/calendar/common/calendar.model.d.ts +1 -1
  40. package/components/calendar/common/calendar.model.js +12 -11
  41. package/components/calendar/common/calendar.model.js.map +1 -1
  42. package/components/calendar/common/utils.d.ts +1 -1
  43. package/components/calendar/common/utils.js +1 -1
  44. package/components/calendar/common/utils.js.map +1 -1
  45. package/components/calendar/days-view/days-view.d.ts +4 -4
  46. package/components/calendar/days-view/days-view.js +11 -14
  47. package/components/calendar/days-view/days-view.js.map +1 -1
  48. package/components/calendar/months-view/months-view.d.ts +2 -2
  49. package/components/calendar/months-view/months-view.js +4 -3
  50. package/components/calendar/months-view/months-view.js.map +1 -1
  51. package/components/calendar/themes/calendar.d.ts +1 -1
  52. package/components/calendar/themes/calendar.js.map +1 -1
  53. package/components/calendar/themes/days.d.ts +1 -1
  54. package/components/calendar/themes/days.js.map +1 -1
  55. package/components/calendar/themes/year-month.d.ts +1 -1
  56. package/components/calendar/themes/year-month.js.map +1 -1
  57. package/components/calendar/years-view/years-view.d.ts +2 -2
  58. package/components/calendar/years-view/years-view.js +4 -3
  59. package/components/calendar/years-view/years-view.js.map +1 -1
  60. package/components/card/card.actions.js +6 -5
  61. package/components/card/card.actions.js.map +1 -1
  62. package/components/card/card.content.js +6 -5
  63. package/components/card/card.content.js.map +1 -1
  64. package/components/card/card.header.js +6 -5
  65. package/components/card/card.header.js.map +1 -1
  66. package/components/card/card.js +6 -5
  67. package/components/card/card.js.map +1 -1
  68. package/components/card/card.media.js +2 -2
  69. package/components/card/card.media.js.map +1 -1
  70. package/components/card/themes/actions.d.ts +1 -1
  71. package/components/card/themes/actions.js.map +1 -1
  72. package/components/card/themes/container.d.ts +1 -1
  73. package/components/card/themes/container.js.map +1 -1
  74. package/components/card/themes/content.d.ts +1 -1
  75. package/components/card/themes/content.js.map +1 -1
  76. package/components/card/themes/header.d.ts +1 -1
  77. package/components/card/themes/header.js.map +1 -1
  78. package/components/checkbox/checkbox-base.d.ts +2 -2
  79. package/components/checkbox/checkbox-base.js +1 -1
  80. package/components/checkbox/checkbox-base.js.map +1 -1
  81. package/components/checkbox/checkbox.js +4 -4
  82. package/components/checkbox/checkbox.js.map +1 -1
  83. package/components/checkbox/switch.js +4 -4
  84. package/components/checkbox/switch.js.map +1 -1
  85. package/components/checkbox/themes/checkbox-themes.d.ts +1 -1
  86. package/components/checkbox/themes/checkbox-themes.js.map +1 -1
  87. package/components/checkbox/themes/switch-themes.d.ts +1 -1
  88. package/components/checkbox/themes/switch-themes.js.map +1 -1
  89. package/components/chip/chip.d.ts +1 -1
  90. package/components/chip/chip.js +7 -6
  91. package/components/chip/chip.js.map +1 -1
  92. package/components/chip/themes/chip.base.css.js +1 -1
  93. package/components/chip/themes/chip.base.css.js.map +1 -1
  94. package/components/chip/themes/themes.d.ts +1 -1
  95. package/components/chip/themes/themes.js.map +1 -1
  96. package/components/combo/combo-header.js +5 -4
  97. package/components/combo/combo-header.js.map +1 -1
  98. package/components/combo/combo-item.js +5 -4
  99. package/components/combo/combo-item.js.map +1 -1
  100. package/components/combo/combo-list.js +1 -1
  101. package/components/combo/combo-list.js.map +1 -1
  102. package/components/combo/combo.d.ts +5 -5
  103. package/components/combo/combo.js +16 -14
  104. package/components/combo/combo.js.map +1 -1
  105. package/components/combo/controllers/data.d.ts +2 -2
  106. package/components/combo/controllers/data.js.map +1 -1
  107. package/components/combo/controllers/navigation.d.ts +3 -3
  108. package/components/combo/controllers/navigation.js +1 -3
  109. package/components/combo/controllers/navigation.js.map +1 -1
  110. package/components/combo/controllers/selection.d.ts +1 -1
  111. package/components/combo/controllers/selection.js.map +1 -1
  112. package/components/combo/operations/filter.d.ts +2 -2
  113. package/components/combo/operations/filter.js +2 -2
  114. package/components/combo/operations/filter.js.map +1 -1
  115. package/components/combo/operations/group.d.ts +1 -1
  116. package/components/combo/operations/group.js.map +1 -1
  117. package/components/combo/themes/combo.base.css.js +1 -1
  118. package/components/combo/themes/combo.base.css.js.map +1 -1
  119. package/components/combo/themes/themes.d.ts +1 -1
  120. package/components/combo/themes/themes.js.map +1 -1
  121. package/components/combo/types.d.ts +2 -2
  122. package/components/combo/types.js.map +1 -1
  123. package/components/common/controllers/root-click.d.ts +1 -1
  124. package/components/common/controllers/root-click.js.map +1 -1
  125. package/components/common/controllers/root-scroll.d.ts +1 -1
  126. package/components/common/controllers/root-scroll.js.map +1 -1
  127. package/components/common/decorators/blazorDeepImport.d.ts +2 -1
  128. package/components/common/decorators/blazorDeepImport.js.map +1 -1
  129. package/components/common/decorators/blazorIndirectRender.d.ts +2 -1
  130. package/components/common/decorators/blazorIndirectRender.js.map +1 -1
  131. package/components/common/decorators/blazorSuppressComponent.d.ts +2 -1
  132. package/components/common/decorators/blazorSuppressComponent.js.map +1 -1
  133. package/components/common/decorators/watch.js +2 -2
  134. package/components/common/decorators/watch.js.map +1 -1
  135. package/components/common/definitions/defineAllComponents.js +4 -4
  136. package/components/common/definitions/defineAllComponents.js.map +1 -1
  137. package/components/common/definitions/defineComponents.d.ts +1 -1
  138. package/components/common/definitions/defineComponents.js.map +1 -1
  139. package/components/common/mixins/alert.d.ts +1 -1
  140. package/components/common/mixins/alert.js.map +1 -1
  141. package/components/common/mixins/combo-box.js.map +1 -1
  142. package/components/common/mixins/constructor.d.ts +2 -2
  143. package/components/common/mixins/constructor.js.map +1 -1
  144. package/components/common/mixins/event-emitter.d.ts +1 -1
  145. package/components/common/mixins/event-emitter.js.map +1 -1
  146. package/components/common/mixins/form-associated-required.d.ts +2 -2
  147. package/components/common/mixins/form-associated-required.js +1 -1
  148. package/components/common/mixins/form-associated-required.js.map +1 -1
  149. package/components/common/mixins/form-associated.d.ts +2 -2
  150. package/components/common/mixins/form-associated.js.map +1 -1
  151. package/components/common/mixins/sizable.d.ts +1 -1
  152. package/components/common/mixins/sizable.js.map +1 -1
  153. package/components/common/util.d.ts +4 -2
  154. package/components/common/util.js +16 -18
  155. package/components/common/util.js.map +1 -1
  156. package/components/common/validators.js +5 -5
  157. package/components/common/validators.js.map +1 -1
  158. package/components/date-time-input/date-time-input.d.ts +5 -5
  159. package/components/date-time-input/date-time-input.js +38 -55
  160. package/components/date-time-input/date-time-input.js.map +1 -1
  161. package/components/date-time-input/date-util.d.ts +1 -1
  162. package/components/date-time-input/date-util.js +40 -32
  163. package/components/date-time-input/date-util.js.map +1 -1
  164. package/components/dialog/dialog.js +4 -4
  165. package/components/dialog/dialog.js.map +1 -1
  166. package/components/dialog/themes/dialog.base.css.js +1 -1
  167. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  168. package/components/dialog/themes/themes.d.ts +1 -1
  169. package/components/dialog/themes/themes.js.map +1 -1
  170. package/components/dropdown/dropdown-group.js +7 -6
  171. package/components/dropdown/dropdown-group.js.map +1 -1
  172. package/components/dropdown/dropdown-header.js +6 -5
  173. package/components/dropdown/dropdown-header.js.map +1 -1
  174. package/components/dropdown/dropdown-item.js +7 -6
  175. package/components/dropdown/dropdown-item.js.map +1 -1
  176. package/components/dropdown/dropdown.d.ts +4 -2
  177. package/components/dropdown/dropdown.js +10 -10
  178. package/components/dropdown/dropdown.js.map +1 -1
  179. package/components/dropdown/themes/container.d.ts +1 -1
  180. package/components/dropdown/themes/container.js.map +1 -1
  181. package/components/dropdown/themes/group.d.ts +1 -1
  182. package/components/dropdown/themes/group.js.map +1 -1
  183. package/components/dropdown/themes/header.d.ts +1 -1
  184. package/components/dropdown/themes/header.js.map +1 -1
  185. package/components/dropdown/themes/item.d.ts +1 -1
  186. package/components/dropdown/themes/item.js.map +1 -1
  187. package/components/expansion-panel/expansion-panel.js +4 -4
  188. package/components/expansion-panel/expansion-panel.js.map +1 -1
  189. package/components/expansion-panel/themes/themes.d.ts +1 -1
  190. package/components/expansion-panel/themes/themes.js.map +1 -1
  191. package/components/form/form.d.ts +1 -1
  192. package/components/form/form.js +2 -2
  193. package/components/form/form.js.map +1 -1
  194. package/components/icon/icon.js +8 -7
  195. package/components/icon/icon.js.map +1 -1
  196. package/components/icon/themes/themes.d.ts +1 -1
  197. package/components/icon/themes/themes.js.map +1 -1
  198. package/components/input/input-base.d.ts +2 -2
  199. package/components/input/input-base.js +5 -5
  200. package/components/input/input-base.js.map +1 -1
  201. package/components/input/input.d.ts +8 -1
  202. package/components/input/input.js +10 -14
  203. package/components/input/input.js.map +1 -1
  204. package/components/input/themes/themes.d.ts +1 -1
  205. package/components/input/themes/themes.js.map +1 -1
  206. package/components/list/list-header.js +6 -5
  207. package/components/list/list-header.js.map +1 -1
  208. package/components/list/list-item.js +6 -5
  209. package/components/list/list-item.js.map +1 -1
  210. package/components/list/list.js +7 -6
  211. package/components/list/list.js.map +1 -1
  212. package/components/list/themes/container.d.ts +1 -1
  213. package/components/list/themes/container.js.map +1 -1
  214. package/components/list/themes/header.d.ts +1 -1
  215. package/components/list/themes/header.js.map +1 -1
  216. package/components/list/themes/item.d.ts +1 -1
  217. package/components/list/themes/item.js.map +1 -1
  218. package/components/mask-input/mask-input-base.d.ts +1 -1
  219. package/components/mask-input/mask-input-base.js +1 -1
  220. package/components/mask-input/mask-input-base.js.map +1 -1
  221. package/components/mask-input/mask-input.d.ts +2 -2
  222. package/components/mask-input/mask-input.js +2 -2
  223. package/components/mask-input/mask-input.js.map +1 -1
  224. package/components/mask-input/mask-parser.d.ts +2 -2
  225. package/components/mask-input/mask-parser.js +44 -34
  226. package/components/mask-input/mask-parser.js.map +1 -1
  227. package/components/nav-drawer/nav-drawer-header-item.js +6 -5
  228. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  229. package/components/nav-drawer/nav-drawer-item.js +8 -7
  230. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  231. package/components/nav-drawer/nav-drawer.js +7 -6
  232. package/components/nav-drawer/nav-drawer.js.map +1 -1
  233. package/components/nav-drawer/themes/container.d.ts +1 -1
  234. package/components/nav-drawer/themes/container.js.map +1 -1
  235. package/components/nav-drawer/themes/header-item.d.ts +1 -1
  236. package/components/nav-drawer/themes/header-item.js.map +1 -1
  237. package/components/nav-drawer/themes/item.d.ts +1 -1
  238. package/components/nav-drawer/themes/item.js.map +1 -1
  239. package/components/navbar/navbar.js +6 -5
  240. package/components/navbar/navbar.js.map +1 -1
  241. package/components/navbar/themes/themes.d.ts +1 -1
  242. package/components/navbar/themes/themes.js.map +1 -1
  243. package/components/popover/popover.d.ts +2 -4
  244. package/components/popover/popover.js +16 -18
  245. package/components/popover/popover.js.map +1 -1
  246. package/components/popover/themes/light/popover.base.css.js +1 -1
  247. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  248. package/components/progress/base.js +8 -5
  249. package/components/progress/base.js.map +1 -1
  250. package/components/progress/circular-gradient.js +1 -1
  251. package/components/progress/circular-gradient.js.map +1 -1
  252. package/components/progress/circular-progress.js +4 -4
  253. package/components/progress/circular-progress.js.map +1 -1
  254. package/components/progress/linear-progress.js +7 -6
  255. package/components/progress/linear-progress.js.map +1 -1
  256. package/components/progress/themes/circular/themes.d.ts +1 -1
  257. package/components/progress/themes/circular/themes.js.map +1 -1
  258. package/components/progress/themes/linear/themes.d.ts +1 -1
  259. package/components/progress/themes/linear/themes.js.map +1 -1
  260. package/components/radio/radio.d.ts +2 -2
  261. package/components/radio/radio.js +5 -5
  262. package/components/radio/radio.js.map +1 -1
  263. package/components/radio/themes/themes.d.ts +1 -1
  264. package/components/radio/themes/themes.js.map +1 -1
  265. package/components/radio/utils.js.map +1 -1
  266. package/components/radio-group/radio-group.js +7 -6
  267. package/components/radio-group/radio-group.js.map +1 -1
  268. package/components/rating/rating-symbol.js +2 -2
  269. package/components/rating/rating-symbol.js.map +1 -1
  270. package/components/rating/rating.d.ts +3 -1
  271. package/components/rating/rating.js +24 -18
  272. package/components/rating/rating.js.map +1 -1
  273. package/components/rating/themes/themes.d.ts +1 -1
  274. package/components/rating/themes/themes.js.map +1 -1
  275. package/components/ripple/ripple.js +4 -4
  276. package/components/ripple/ripple.js.map +1 -1
  277. package/components/select/select-group.js +5 -4
  278. package/components/select/select-group.js.map +1 -1
  279. package/components/select/select-header.js +4 -3
  280. package/components/select/select-header.js.map +1 -1
  281. package/components/select/select-item.js +4 -3
  282. package/components/select/select-item.js.map +1 -1
  283. package/components/select/select.d.ts +3 -3
  284. package/components/select/select.js +10 -10
  285. package/components/select/select.js.map +1 -1
  286. package/components/select/themes/themes.d.ts +1 -1
  287. package/components/select/themes/themes.js.map +1 -1
  288. package/components/slider/range-slider.d.ts +1 -1
  289. package/components/slider/range-slider.js +15 -13
  290. package/components/slider/range-slider.js.map +1 -1
  291. package/components/slider/slider-base.d.ts +2 -2
  292. package/components/slider/slider-base.js +8 -8
  293. package/components/slider/slider-base.js.map +1 -1
  294. package/components/slider/slider-label.js +1 -1
  295. package/components/slider/slider-label.js.map +1 -1
  296. package/components/slider/slider.d.ts +1 -1
  297. package/components/slider/slider.js +3 -3
  298. package/components/slider/slider.js.map +1 -1
  299. package/components/slider/themes/themes.d.ts +1 -1
  300. package/components/slider/themes/themes.js.map +1 -1
  301. package/components/snackbar/snackbar.d.ts +1 -1
  302. package/components/snackbar/snackbar.js +7 -6
  303. package/components/snackbar/snackbar.js.map +1 -1
  304. package/components/snackbar/themes/themes.d.ts +1 -1
  305. package/components/snackbar/themes/themes.js.map +1 -1
  306. package/components/stepper/step.d.ts +1 -1
  307. package/components/stepper/step.js +10 -11
  308. package/components/stepper/step.js.map +1 -1
  309. package/components/stepper/stepper.d.ts +2 -2
  310. package/components/stepper/stepper.js +21 -12
  311. package/components/stepper/stepper.js.map +1 -1
  312. package/components/stepper/themes/step/themes.d.ts +1 -1
  313. package/components/stepper/themes/step/themes.js.map +1 -1
  314. package/components/tabs/tab-panel.js +2 -2
  315. package/components/tabs/tab-panel.js.map +1 -1
  316. package/components/tabs/tab.js +5 -5
  317. package/components/tabs/tab.js.map +1 -1
  318. package/components/tabs/tabs.d.ts +2 -2
  319. package/components/tabs/tabs.js +14 -10
  320. package/components/tabs/tabs.js.map +1 -1
  321. package/components/tabs/themes/tab-themes.d.ts +1 -1
  322. package/components/tabs/themes/tab-themes.js.map +1 -1
  323. package/components/tabs/themes/tabs-themes.d.ts +1 -1
  324. package/components/tabs/themes/tabs-themes.js.map +1 -1
  325. package/components/textarea/textarea.d.ts +8 -1
  326. package/components/textarea/textarea.js +11 -5
  327. package/components/textarea/textarea.js.map +1 -1
  328. package/components/textarea/themes/themes.d.ts +1 -1
  329. package/components/textarea/themes/themes.js.map +1 -1
  330. package/components/toast/themes/themes.d.ts +1 -1
  331. package/components/toast/themes/themes.js.map +1 -1
  332. package/components/toast/toast.js +7 -6
  333. package/components/toast/toast.js.map +1 -1
  334. package/components/tree/themes/container.d.ts +1 -1
  335. package/components/tree/themes/container.js.map +1 -1
  336. package/components/tree/themes/item.d.ts +1 -1
  337. package/components/tree/themes/item.js.map +1 -1
  338. package/components/tree/tree-item.js +12 -13
  339. package/components/tree/tree-item.js.map +1 -1
  340. package/components/tree/tree.d.ts +2 -2
  341. package/components/tree/tree.js +25 -19
  342. package/components/tree/tree.js.map +1 -1
  343. package/components/tree/tree.navigation.d.ts +3 -3
  344. package/components/tree/tree.navigation.js.map +1 -1
  345. package/components/tree/tree.selection.d.ts +2 -2
  346. package/components/tree/tree.selection.js +12 -10
  347. package/components/tree/tree.selection.js.map +1 -1
  348. package/custom-elements.json +95 -48
  349. package/package.json +1 -1
  350. package/theming/config.js +4 -4
  351. package/theming/config.js.map +1 -1
  352. package/theming/theming-controller.d.ts +1 -1
  353. package/theming/theming-controller.js.map +1 -1
  354. package/theming/theming-decorator.js.map +1 -1
  355. package/theming/types.d.ts +1 -1
  356. package/theming/types.js.map +1 -1
@@ -4,24 +4,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
+ var IgcLinearProgressComponent_1;
7
8
  import { html } from 'lit';
8
9
  import { property } from 'lit/decorators.js';
9
10
  import { styleMap } from 'lit/directives/style-map.js';
11
+ import { themes } from '../../theming/theming-decorator.js';
12
+ import { registerComponent } from '../common/definitions/register.js';
13
+ import { partNameMap } from '../common/util.js';
10
14
  import { IgcProgressBaseComponent } from './base.js';
11
15
  import { styles } from './themes/linear/linear.progress.base.css.js';
12
16
  import { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';
13
17
  import { all } from './themes/linear/themes.js';
14
- import { themes } from '../../theming/theming-decorator.js';
15
- import { registerComponent } from '../common/definitions/register.js';
16
- import { partNameMap } from '../common/util.js';
17
- let IgcLinearProgressComponent = class IgcLinearProgressComponent extends IgcProgressBaseComponent {
18
+ let IgcLinearProgressComponent = IgcLinearProgressComponent_1 = class IgcLinearProgressComponent extends IgcProgressBaseComponent {
18
19
  constructor() {
19
20
  super(...arguments);
20
21
  this.striped = false;
21
22
  this.labelAlign = 'top-start';
22
23
  }
23
24
  static register() {
24
- registerComponent(this);
25
+ registerComponent(IgcLinearProgressComponent_1);
25
26
  }
26
27
  render() {
27
28
  const parts = {
@@ -55,7 +56,7 @@ __decorate([
55
56
  __decorate([
56
57
  property({ attribute: 'label-align', reflect: true })
57
58
  ], IgcLinearProgressComponent.prototype, "labelAlign", void 0);
58
- IgcLinearProgressComponent = __decorate([
59
+ IgcLinearProgressComponent = IgcLinearProgressComponent_1 = __decorate([
59
60
  themes(all)
60
61
  ], IgcLinearProgressComponent);
61
62
  export default IgcLinearProgressComponent;
@@ -1 +1 @@
1
- {"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAuBjC,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IA2BjC,CAAC;IAjDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAsBkB,MAAM;QACvB,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;QAEF,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG;YAChC,YAAY,EAAE,GAAG,IAAI,CAAC,iBAAiB,IAAI;SAC5C,CAAC;QAEF,OAAO,IAAI,CAAA;;oBAEK,WAAW,CAAC,KAAK,CAAC,UAAU,QAAQ,CAAC,SAAS,CAAC;qBAC9C,WAAW,CAAC,KAAK,CAAC;;QAE/B,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;;AApDsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AA3BZ,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CAsD9C;eAtDoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(this);\n }\n\n /**\n * Sets the striped look of the control.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /**\n * The position for the default label of the control.\n * @attr label-align\n */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'bottom-start'\n | 'bottom'\n | 'bottom-end' = 'top-start';\n\n protected override render() {\n const parts = {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n\n const animation = {\n width: `${this.progress * 100}%`,\n '--duration': `${this.animationDuration}ms`,\n };\n\n return html`\n <div part=\"track\">\n <div part=${partNameMap(parts)} style=${styleMap(animation)}></div>\n <div part=\"${partNameMap(parts)} secondary\"></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,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,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAuBjC,IAAM,0BAA0B,kCAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IA2BjC,CAAC;IAjDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,4BAA0B,CAAC,CAAC;IAChD,CAAC;IAsBkB,MAAM;QACvB,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACnC,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC9B,CAAC;QAEF,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG;YAChC,YAAY,EAAE,GAAG,IAAI,CAAC,iBAAiB,IAAI;SAC5C,CAAC;QAEF,OAAO,IAAI,CAAA;;oBAEK,WAAW,CAAC,KAAK,CAAC,UAAU,QAAQ,CAAC,SAAS,CAAC;qBAC9C,WAAW,CAAC,KAAK,CAAC;;QAE/B,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAC;IACJ,CAAC;;AApDsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AA3BZ,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CAsD9C;eAtDoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track\n * @csspart fill\n * @csspart striped\n * @csspart label\n * @csspart value\n * @csspart indeterminate\n * @csspart primary\n * @csspart danger\n * @csspart warning\n * @csspart info\n * @csspart success\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n public static readonly tagName = 'igc-linear-progress';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcLinearProgressComponent);\n }\n\n /**\n * Sets the striped look of the control.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public striped = false;\n\n /**\n * The position for the default label of the control.\n * @attr label-align\n */\n @property({ attribute: 'label-align', reflect: true })\n public labelAlign:\n | 'top-start'\n | 'top'\n | 'top-end'\n | 'bottom-start'\n | 'bottom'\n | 'bottom-end' = 'top-start';\n\n protected override render() {\n const parts = {\n fill: true,\n striped: this.striped,\n indeterminate: this.indeterminate,\n primary: this.variant === 'primary',\n success: this.variant === 'success',\n danger: this.variant === 'danger',\n warning: this.variant === 'warning',\n info: this.variant === 'info',\n };\n\n const animation = {\n width: `${this.progress * 100}%`,\n '--duration': `${this.animationDuration}ms`,\n };\n\n return html`\n <div part=\"track\">\n <div part=${partNameMap(parts)} style=${styleMap(animation)}></div>\n <div part=\"${partNameMap(parts)} secondary\"></div>\n </div>\n ${this.renderDefaultSlot()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-linear-progress': IgcLinearProgressComponent;\n }\n}\n"]}
@@ -1,2 +1,2 @@
1
- import { Themes } from '../../../../theming/types.js';
1
+ import type { Themes } from '../../../../theming/types.js';
2
2
  export declare const all: Themes;
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAG5E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/circular.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/circular.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/circular.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/circular.progress.material.css.js';\nimport { styles as sharedDark } from './dark/circular.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/circular.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/circular.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/circular.progress.indigo.css.js';\nimport { styles as materialLight } from './light/circular.progress.material.css.js';\nimport { styles as sharedLight } from './light/circular.progress.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './shared/circular.progress.fluent.css.js';\nimport { Themes } from '../../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/circular.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/circular.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/circular.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/circular.progress.material.css.js';\nimport { styles as sharedDark } from './dark/circular.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/circular.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/circular.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/circular.progress.indigo.css.js';\nimport { styles as materialLight } from './light/circular.progress.material.css.js';\nimport { styles as sharedLight } from './light/circular.progress.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/circular.progress.bootstrap.css.js';\nimport { styles as fluent } from './shared/circular.progress.fluent.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,2 +1,2 @@
1
- import { Themes } from '../../../../theming/types.js';
1
+ import type { Themes } from '../../../../theming/types.js';
2
2
  export declare const all: Themes;
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAG1E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/linear.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/linear.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/linear.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/linear.progress.material.css.js';\nimport { styles as sharedDark } from './dark/linear.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/linear.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/linear.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/linear.progress.indigo.css.js';\nimport { styles as materialLight } from './light/linear.progress.material.css.js';\nimport { styles as sharedLight } from './light/linear.progress.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './shared/linear.progress.fluent.css.js';\nimport { styles as indigo } from './shared/linear.progress.indigo.css.js';\nimport { Themes } from '../../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/linear.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/linear.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/linear.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/linear.progress.material.css.js';\nimport { styles as sharedDark } from './dark/linear.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/linear.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/linear.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/linear.progress.indigo.css.js';\nimport { styles as materialLight } from './light/linear.progress.material.css.js';\nimport { styles as sharedLight } from './light/linear.progress.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/linear.progress.bootstrap.css.js';\nimport { styles as fluent } from './shared/linear.progress.fluent.css.js';\nimport { styles as indigo } from './shared/linear.progress.indigo.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,6 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
- import { Constructor } from '../common/mixins/constructor.js';
3
- import { Validator } from '../common/validators.js';
2
+ import type { Constructor } from '../common/mixins/constructor.js';
3
+ import type { Validator } from '../common/validators.js';
4
4
  export interface IgcRadioEventMap {
5
5
  igcChange: CustomEvent<boolean>;
6
6
  igcFocus: CustomEvent<void>;
@@ -9,10 +9,6 @@ import { LitElement, html } from 'lit';
9
9
  import { property, query, queryAssignedNodes, state } from 'lit/decorators.js';
10
10
  import { ifDefined } from 'lit/directives/if-defined.js';
11
11
  import { live } from 'lit/directives/live.js';
12
- import { styles } from './themes/radio.base.css.js';
13
- import { styles as shared } from './themes/shared/radio.common.css.js';
14
- import { all } from './themes/themes.js';
15
- import { getGroup } from './utils.js';
16
12
  import { themes } from '../../theming/theming-decorator.js';
17
13
  import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, } from '../common/controllers/key-bindings.js';
18
14
  import { alternateName } from '../common/decorators/alternateName.js';
@@ -23,9 +19,13 @@ import messages from '../common/localization/validation-en.js';
23
19
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
24
20
  import { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';
25
21
  import { createCounter, isLTR, partNameMap, wrap } from '../common/util.js';
22
+ import { styles } from './themes/radio.base.css.js';
23
+ import { styles as shared } from './themes/shared/radio.common.css.js';
24
+ import { all } from './themes/themes.js';
25
+ import { getGroup } from './utils.js';
26
26
  let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
27
27
  static register() {
28
- registerComponent(this);
28
+ registerComponent(IgcRadioComponent_1);
29
29
  }
30
30
  get group() {
31
31
  return getGroup(this);
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles } from './themes/radio.base.css.js';\nimport { styles as shared } from './themes/shared/radio.common.css.js';\nimport { all } from './themes/themes.js';\nimport { getGroup } from './utils.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport messages from '../common/localization/validation-en.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';\nimport { createCounter, isLTR, partNameMap, wrap } from '../common/util.js';\nimport { Validator } from '../common/validators.js';\n\nexport interface IgcRadioEventMap {\n igcChange: CustomEvent<boolean>;\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\n/**\n * @element igc-radio\n *\n * @slot - The radio label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The radio control base wrapper.\n * @csspart control - The radio control.\n * @csspart label - The radio control label.\n */\n@themes(all)\nexport default class IgcRadioComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcRadioEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-radio';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(this);\n }\n\n private static readonly increment = createCounter();\n\n protected override validators: Validator<this>[] = [\n {\n key: 'valueMissing',\n message: messages.required,\n isValid: () => {\n const { radios, checked } = this.group;\n return radios.some((radio) => radio.required)\n ? checked.length > 0\n : true;\n },\n },\n ];\n\n private inputId = `radio-${IgcRadioComponent.increment()}`;\n private labelId = `radio-label-${this.inputId}`;\n\n protected _checked = false;\n protected _value!: string;\n\n @query('input[type=\"radio\"]')\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n private _tabIndex = 0;\n\n @state()\n private focused = false;\n\n @state()\n protected hideLabel = false;\n\n private get group() {\n return getGroup(this);\n }\n\n protected override setDefaultValue(): void {\n this._defaultValue = this === this.group.checked[0];\n }\n\n /**\n * The value attribute of the control.\n * @attr\n */\n @property()\n public set value(value: string) {\n this._value = value;\n if (this._checked) {\n this.setFormValue(this._value || 'on');\n }\n }\n\n public get value(): string {\n return this._value;\n }\n\n /**\n * The checked state of the control.\n * @attr\n */\n @property({ type: Boolean })\n @blazorTwoWayBind('igcChange', 'detail')\n public set checked(value: boolean) {\n this._checked = Boolean(value);\n\n if (this.hasUpdated) {\n this._checked ? this._updateCheckedState() : this._updateUncheckedState();\n }\n }\n\n public get checked(): boolean {\n return this._checked;\n }\n\n /**\n * The label position of the radio control.\n * @attr label-position\n */\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' | 'after' = 'after';\n\n constructor() {\n super();\n this.addEventListener('keyup', this.handleKeyUp);\n\n addKeybindings(this, {\n skip: () => this.disabled,\n bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n })\n .set(arrowLeft, () => this.navigate(isLTR(this) ? -1 : 1))\n .set(arrowRight, () => this.navigate(isLTR(this) ? 1 : -1))\n .set(arrowUp, () => this.navigate(-1))\n .set(arrowDown, () => this.navigate(1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n\n this._checked = this === this.group.checked[0];\n this.updateValidity();\n }\n\n /** Simulates a click on the radio control. */\n public override click() {\n this.input.click();\n }\n\n /** Sets focus on the radio control. */\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the radio control. */\n @alternateName('blurComponent')\n public override blur() {\n this.input.blur();\n }\n\n /**\n * Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public override setCustomValidity(message: string): void {\n const { radios } = this.group;\n\n for (const radio of radios) {\n radio.updateValidity(message);\n radio.setInvalidState();\n }\n }\n\n @watch('required', { waitUntilFirstUpdate: true })\n protected override requiredChange(): void {\n const { radios } = this.group;\n\n for (const radio of radios) {\n radio.updateValidity();\n radio.setInvalidState();\n }\n }\n\n private _updateCheckedState() {\n const { siblings } = this.group;\n\n this.setFormValue(this.value || 'on');\n this.updateValidity();\n this.setInvalidState();\n\n this._tabIndex = 0;\n this.input?.focus();\n\n for (const radio of siblings) {\n radio.checked = false;\n radio._tabIndex = -1;\n radio.updateValidity();\n radio.setInvalidState();\n }\n }\n\n private _updateUncheckedState() {\n const { siblings } = this.group;\n\n this.setFormValue(null);\n this.updateValidity();\n this.setInvalidState();\n\n if (this.hasUpdated) {\n this._tabIndex = -1;\n }\n\n for (const radio of siblings) {\n radio.updateValidity();\n }\n }\n\n protected handleMouseDown(event: PointerEvent) {\n event.preventDefault();\n this.input.focus();\n this.focused = false;\n }\n\n protected handleClick() {\n this.checked = true;\n this.emitEvent('igcChange', { detail: this.checked });\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n this.focused = false;\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleKeyUp() {\n if (!this.focused) {\n this.focused = true;\n }\n }\n\n protected navigate(idx: number) {\n const { active } = this.group;\n const nextIdx = wrap(0, active.length - 1, active.indexOf(this) + idx);\n const radio = active[nextIdx];\n\n radio.focus();\n radio.checked = true;\n radio.emitEvent('igcChange', { detail: radio.checked });\n }\n\n protected handleSlotChange() {\n this.hideLabel = this.label.length < 1;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked: this.checked,\n focused: this.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this.handleMouseDown}\n >\n <input\n id=${this.inputId}\n type=\"radio\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(this.checked)}\n tabindex=${this._tabIndex}\n aria-checked=${this.checked ? 'true' : 'false'}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked: this.checked })}>\n <span\n .hidden=${this.disabled}\n part=${partNameMap({ ripple: true, checked: this.checked })}\n ></span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked: this.checked })}\n id=${this.labelId}\n >\n <slot @slotchange=${this.handleSlotChange}></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio': IgcRadioComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport messages from '../common/localization/validation-en.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';\nimport { createCounter, isLTR, partNameMap, wrap } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport { styles } from './themes/radio.base.css.js';\nimport { styles as shared } from './themes/shared/radio.common.css.js';\nimport { all } from './themes/themes.js';\nimport { getGroup } from './utils.js';\n\nexport interface IgcRadioEventMap {\n igcChange: CustomEvent<boolean>;\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\n/**\n * @element igc-radio\n *\n * @slot - The radio label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The radio control base wrapper.\n * @csspart control - The radio control.\n * @csspart label - The radio control label.\n */\n@themes(all)\nexport default class IgcRadioComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcRadioEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-radio';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcRadioComponent);\n }\n\n private static readonly increment = createCounter();\n\n protected override validators: Validator<this>[] = [\n {\n key: 'valueMissing',\n message: messages.required,\n isValid: () => {\n const { radios, checked } = this.group;\n return radios.some((radio) => radio.required)\n ? checked.length > 0\n : true;\n },\n },\n ];\n\n private inputId = `radio-${IgcRadioComponent.increment()}`;\n private labelId = `radio-label-${this.inputId}`;\n\n protected _checked = false;\n protected _value!: string;\n\n @query('input[type=\"radio\"]')\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n private _tabIndex = 0;\n\n @state()\n private focused = false;\n\n @state()\n protected hideLabel = false;\n\n private get group() {\n return getGroup(this);\n }\n\n protected override setDefaultValue(): void {\n this._defaultValue = this === this.group.checked[0];\n }\n\n /**\n * The value attribute of the control.\n * @attr\n */\n @property()\n public set value(value: string) {\n this._value = value;\n if (this._checked) {\n this.setFormValue(this._value || 'on');\n }\n }\n\n public get value(): string {\n return this._value;\n }\n\n /**\n * The checked state of the control.\n * @attr\n */\n @property({ type: Boolean })\n @blazorTwoWayBind('igcChange', 'detail')\n public set checked(value: boolean) {\n this._checked = Boolean(value);\n\n if (this.hasUpdated) {\n this._checked ? this._updateCheckedState() : this._updateUncheckedState();\n }\n }\n\n public get checked(): boolean {\n return this._checked;\n }\n\n /**\n * The label position of the radio control.\n * @attr label-position\n */\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' | 'after' = 'after';\n\n constructor() {\n super();\n this.addEventListener('keyup', this.handleKeyUp);\n\n addKeybindings(this, {\n skip: () => this.disabled,\n bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n })\n .set(arrowLeft, () => this.navigate(isLTR(this) ? -1 : 1))\n .set(arrowRight, () => this.navigate(isLTR(this) ? 1 : -1))\n .set(arrowUp, () => this.navigate(-1))\n .set(arrowDown, () => this.navigate(1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n\n this._checked = this === this.group.checked[0];\n this.updateValidity();\n }\n\n /** Simulates a click on the radio control. */\n public override click() {\n this.input.click();\n }\n\n /** Sets focus on the radio control. */\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the radio control. */\n @alternateName('blurComponent')\n public override blur() {\n this.input.blur();\n }\n\n /**\n * Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public override setCustomValidity(message: string): void {\n const { radios } = this.group;\n\n for (const radio of radios) {\n radio.updateValidity(message);\n radio.setInvalidState();\n }\n }\n\n @watch('required', { waitUntilFirstUpdate: true })\n protected override requiredChange(): void {\n const { radios } = this.group;\n\n for (const radio of radios) {\n radio.updateValidity();\n radio.setInvalidState();\n }\n }\n\n private _updateCheckedState() {\n const { siblings } = this.group;\n\n this.setFormValue(this.value || 'on');\n this.updateValidity();\n this.setInvalidState();\n\n this._tabIndex = 0;\n this.input?.focus();\n\n for (const radio of siblings) {\n radio.checked = false;\n radio._tabIndex = -1;\n radio.updateValidity();\n radio.setInvalidState();\n }\n }\n\n private _updateUncheckedState() {\n const { siblings } = this.group;\n\n this.setFormValue(null);\n this.updateValidity();\n this.setInvalidState();\n\n if (this.hasUpdated) {\n this._tabIndex = -1;\n }\n\n for (const radio of siblings) {\n radio.updateValidity();\n }\n }\n\n protected handleMouseDown(event: PointerEvent) {\n event.preventDefault();\n this.input.focus();\n this.focused = false;\n }\n\n protected handleClick() {\n this.checked = true;\n this.emitEvent('igcChange', { detail: this.checked });\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n this.focused = false;\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleKeyUp() {\n if (!this.focused) {\n this.focused = true;\n }\n }\n\n protected navigate(idx: number) {\n const { active } = this.group;\n const nextIdx = wrap(0, active.length - 1, active.indexOf(this) + idx);\n const radio = active[nextIdx];\n\n radio.focus();\n radio.checked = true;\n radio.emitEvent('igcChange', { detail: radio.checked });\n }\n\n protected handleSlotChange() {\n this.hideLabel = this.label.length < 1;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked: this.checked,\n focused: this.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this.handleMouseDown}\n >\n <input\n id=${this.inputId}\n type=\"radio\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(this.checked)}\n tabindex=${this._tabIndex}\n aria-checked=${this.checked ? 'true' : 'false'}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked: this.checked })}>\n <span\n .hidden=${this.disabled}\n part=${partNameMap({ ripple: true, checked: this.checked })}\n ></span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked: this.checked })}\n id=${this.labelId}\n >\n <slot @slotchange=${this.handleSlotChange}></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio': IgcRadioComponent;\n }\n}\n"]}
@@ -1,2 +1,2 @@
1
- import { Themes } from '../../../theming/types.js';
1
+ import type { Themes } from '../../../theming/types.js';
2
2
  export declare const all: Themes;
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/radio/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/radio.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/radio.fluent.css.js';\nimport { styles as indigoDark } from './dark/radio.indigo.css.js';\nimport { styles as materialDark } from './dark/radio.material.css.js';\nimport { styles as sharedDark } from './dark/radio.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/radio.bootstrap.css.js';\nimport { styles as fluentLight } from './light/radio.fluent.css.js';\nimport { styles as indigoLight } from './light/radio.indigo.css.js';\nimport { styles as materialLight } from './light/radio.material.css.js';\nimport { styles as sharedLight } from './light/radio.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/radio.bootstrap.css.js';\nimport { styles as fluent } from './shared/radio.fluent.css.js';\nimport { styles as indigo } from './shared/radio.indigo.css.js';\nimport { styles as material } from './shared/radio.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/radio/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/radio.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/radio.fluent.css.js';\nimport { styles as indigoDark } from './dark/radio.indigo.css.js';\nimport { styles as materialDark } from './dark/radio.material.css.js';\nimport { styles as sharedDark } from './dark/radio.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/radio.bootstrap.css.js';\nimport { styles as fluentLight } from './light/radio.fluent.css.js';\nimport { styles as indigoLight } from './light/radio.indigo.css.js';\nimport { styles as materialLight } from './light/radio.material.css.js';\nimport { styles as sharedLight } from './light/radio.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/radio.bootstrap.css.js';\nimport { styles as fluent } from './shared/radio.fluent.css.js';\nimport { styles as indigo } from './shared/radio.indigo.css.js';\nimport { styles as material } from './shared/radio.material.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/radio/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAazD,MAAM,UAAU,QAAQ,CAAC,MAAyB;IAChD,MAAM,MAAM,GAAqB;QAC/B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,QAAQ,GAAG,SAAS,CACxB,UAAU,CAAC,QAAQ,CAAC,eAAe,EACnC,cAAc,EACd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,IAAI,CAAC,CACrE,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import type IgcRadioComponent from './radio';\nimport { isDefined, iterNodes } from '../common/util.js';\n\ntype RadioQueryResult = {\n /** Radio components under the same group name */\n radios: IgcRadioComponent[];\n /** Radio components under the same group name that are not disabled */\n active: IgcRadioComponent[];\n /** Radio components under the same group name sans the radio member passed in `getGroup` */\n siblings: IgcRadioComponent[];\n /** Radio components under the same group name that are marked as checked */\n checked: IgcRadioComponent[];\n};\n\nexport function getGroup(member: IgcRadioComponent) {\n const result: RadioQueryResult = {\n active: [],\n checked: [],\n radios: [],\n siblings: [],\n };\n\n if (!isDefined(globalThis.document)) {\n return result;\n }\n\n const iterator = iterNodes<IgcRadioComponent>(\n globalThis.document.documentElement,\n 'SHOW_ELEMENT',\n (radio) => radio.matches(`${member.tagName}[name='${member.name}']`)\n );\n\n for (const each of iterator) {\n result.radios.push(each);\n\n if (!each.disabled) {\n result.active.push(each);\n }\n\n if (each.checked) {\n result.checked.push(each);\n }\n\n if (each !== member) {\n result.siblings.push(each);\n }\n }\n\n return result;\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/radio/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAczD,MAAM,UAAU,QAAQ,CAAC,MAAyB;IAChD,MAAM,MAAM,GAAqB;QAC/B,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,QAAQ,GAAG,SAAS,CACxB,UAAU,CAAC,QAAQ,CAAC,eAAe,EACnC,cAAc,EACd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,IAAI,CAAC,CACrE,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { isDefined, iterNodes } from '../common/util.js';\nimport type IgcRadioComponent from './radio';\n\ntype RadioQueryResult = {\n /** Radio components under the same group name */\n radios: IgcRadioComponent[];\n /** Radio components under the same group name that are not disabled */\n active: IgcRadioComponent[];\n /** Radio components under the same group name sans the radio member passed in `getGroup` */\n siblings: IgcRadioComponent[];\n /** Radio components under the same group name that are marked as checked */\n checked: IgcRadioComponent[];\n};\n\nexport function getGroup(member: IgcRadioComponent) {\n const result: RadioQueryResult = {\n active: [],\n checked: [],\n radios: [],\n siblings: [],\n };\n\n if (!isDefined(globalThis.document)) {\n return result;\n }\n\n const iterator = iterNodes<IgcRadioComponent>(\n globalThis.document.documentElement,\n 'SHOW_ELEMENT',\n (radio) => radio.matches(`${member.tagName}[name='${member.name}']`)\n );\n\n for (const each of iterator) {\n result.radios.push(each);\n\n if (!each.disabled) {\n result.active.push(each);\n }\n\n if (each.checked) {\n result.checked.push(each);\n }\n\n if (each !== member) {\n result.siblings.push(each);\n }\n }\n\n return result;\n}\n"]}
@@ -4,22 +4,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
+ var IgcRadioGroupComponent_1;
7
8
  import { LitElement, html } from 'lit';
8
9
  import { property } from 'lit/decorators.js';
10
+ import { themes } from '../../theming/theming-decorator.js';
11
+ import { registerComponent } from '../common/definitions/register.js';
12
+ import IgcRadioComponent from '../radio/radio.js';
9
13
  import { styles } from './radio-group.base.css.js';
10
14
  import { styles as fluent } from './radio-group.fluent.css.js';
11
15
  import { styles as indigo } from './radio-group.indigo.css.js';
12
16
  import { styles as material } from './radio-group.material.css.js';
13
- import { themes } from '../../theming/theming-decorator.js';
14
- import { registerComponent } from '../common/definitions/register.js';
15
- import IgcRadioComponent from '../radio/radio.js';
16
- let IgcRadioGroupComponent = class IgcRadioGroupComponent extends LitElement {
17
+ let IgcRadioGroupComponent = IgcRadioGroupComponent_1 = class IgcRadioGroupComponent extends LitElement {
17
18
  constructor() {
18
19
  super(...arguments);
19
20
  this.alignment = 'vertical';
20
21
  }
21
22
  static register() {
22
- registerComponent(this, IgcRadioComponent);
23
+ registerComponent(IgcRadioGroupComponent_1, IgcRadioComponent);
23
24
  }
24
25
  render() {
25
26
  return html `<slot></slot>`;
@@ -30,7 +31,7 @@ IgcRadioGroupComponent.styles = styles;
30
31
  __decorate([
31
32
  property({ reflect: true })
32
33
  ], IgcRadioGroupComponent.prototype, "alignment", void 0);
33
- IgcRadioGroupComponent = __decorate([
34
+ IgcRadioGroupComponent = IgcRadioGroupComponent_1 = __decorate([
34
35
  themes({
35
36
  light: { material, fluent, indigo },
36
37
  dark: { material, fluent, indigo },
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAanC,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAcN,cAAS,GAA8B,UAAU,CAAC;IAK3D,CAAC;IAdQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAjBsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,MAAM,AAAT,CAAU;AAYhC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAC6B;AAdtC,sBAAsB;IAJ1C,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;KACnC,CAAC;GACmB,sBAAsB,CAmB1C;eAnBoB,sBAAsB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './radio-group.base.css.js';\nimport { styles as fluent } from './radio-group.fluent.css.js';\nimport { styles as indigo } from './radio-group.indigo.css.js';\nimport { styles as material } from './radio-group.material.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcRadioComponent from '../radio/radio.js';\n\n/**\n * The igc-radio-group component unifies one or more igc-radio buttons.\n *\n * @element igc-radio-group\n *\n * @slot - Default slot\n */\n@themes({\n light: { material, fluent, indigo },\n dark: { material, fluent, indigo },\n})\nexport default class IgcRadioGroupComponent extends LitElement {\n public static readonly tagName = 'igc-radio-group';\n public static override styles = styles;\n\n /* blazorSuppress */\n public static register() {\n registerComponent(this, IgcRadioComponent);\n }\n\n /**\n * Alignment of the radio controls inside this group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: 'vertical' | 'horizontal' = 'vertical';\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio-group': IgcRadioGroupComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAapD,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAcN,cAAS,GAA8B,UAAU,CAAC;IAK3D,CAAC;IAdQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAsB,EAAE,iBAAiB,CAAC,CAAC;IAC/D,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAjBsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,MAAM,AAAT,CAAU;AAYhC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAC6B;AAdtC,sBAAsB;IAJ1C,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;QACnC,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;KACnC,CAAC;GACmB,sBAAsB,CAmB1C;eAnBoB,sBAAsB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcRadioComponent from '../radio/radio.js';\nimport { styles } from './radio-group.base.css.js';\nimport { styles as fluent } from './radio-group.fluent.css.js';\nimport { styles as indigo } from './radio-group.indigo.css.js';\nimport { styles as material } from './radio-group.material.css.js';\n\n/**\n * The igc-radio-group component unifies one or more igc-radio buttons.\n *\n * @element igc-radio-group\n *\n * @slot - Default slot\n */\n@themes({\n light: { material, fluent, indigo },\n dark: { material, fluent, indigo },\n})\nexport default class IgcRadioGroupComponent extends LitElement {\n public static readonly tagName = 'igc-radio-group';\n public static override styles = styles;\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcRadioGroupComponent, IgcRadioComponent);\n }\n\n /**\n * Alignment of the radio controls inside this group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: 'vertical' | 'horizontal' = 'vertical';\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio-group': IgcRadioGroupComponent;\n }\n}\n"]}
@@ -1,9 +1,9 @@
1
1
  import { LitElement, html } from 'lit';
2
- import { styles } from './themes/rating-symbol.base.css.js';
3
2
  import { registerComponent } from '../common/definitions/register.js';
3
+ import { styles } from './themes/rating-symbol.base.css.js';
4
4
  class IgcRatingSymbolComponent extends LitElement {
5
5
  static register() {
6
- registerComponent(this);
6
+ registerComponent(IgcRatingSymbolComponent);
7
7
  }
8
8
  connectedCallback() {
9
9
  super.connectedCallback();
@@ -1 +1 @@
1
- {"version":3,"file":"rating-symbol.js","sourceRoot":"","sources":["../../../src/components/rating/rating-symbol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAetE,MAAqB,wBAAyB,SAAQ,UAAU;IAKvD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC1D,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;;AAtBsB,gCAAO,GAAG,mBAAmB,CAAC;AAC9B,+BAAM,GAAG,CAAC,MAAM,CAAC,CAAC;eAFtB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './themes/rating-symbol.base.css.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n *\n * Used when a custom icon/symbol/element needs to be passed to the igc-rating component.\n *\n * @element igc-rating-symbol\n *\n * @slot - Default slot for projected full symbols/icons.\n * @slot empty - Default slot for projected empty symbols/icons.\n *\n * @csspart symbol - The symbol wrapping container.\n * @csspart full - The full symbol wrapping container.\n * @csspart empty - The empty symbol wrapping container.\n */\nexport default class IgcRatingSymbolComponent extends LitElement {\n public static readonly tagName = 'igc-rating-symbol';\n public static override styles = [styles];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(this);\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.slot = this.slot.length > 0 ? this.slot : 'symbol';\n }\n\n protected override render() {\n return html`\n <div part=\"symbol full\">\n <slot> </slot>\n </div>\n <div part=\"symbol empty\">\n <slot name=\"empty\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-rating-symbol': IgcRatingSymbolComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"rating-symbol.js","sourceRoot":"","sources":["../../../src/components/rating/rating-symbol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAe5D,MAAqB,wBAAyB,SAAQ,UAAU;IAKvD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IAC9C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC1D,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;;AAtBsB,gCAAO,GAAG,mBAAmB,CAAC;AAC9B,+BAAM,GAAG,CAAC,MAAM,CAAC,CAAC;eAFtB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/rating-symbol.base.css.js';\n\n/**\n *\n * Used when a custom icon/symbol/element needs to be passed to the igc-rating component.\n *\n * @element igc-rating-symbol\n *\n * @slot - Default slot for projected full symbols/icons.\n * @slot empty - Default slot for projected empty symbols/icons.\n *\n * @csspart symbol - The symbol wrapping container.\n * @csspart full - The full symbol wrapping container.\n * @csspart empty - The empty symbol wrapping container.\n */\nexport default class IgcRatingSymbolComponent extends LitElement {\n public static readonly tagName = 'igc-rating-symbol';\n public static override styles = [styles];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcRatingSymbolComponent);\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.slot = this.slot.length > 0 ? this.slot : 'symbol';\n }\n\n protected override render() {\n return html`\n <div part=\"symbol full\">\n <slot> </slot>\n </div>\n <div part=\"symbol empty\">\n <slot name=\"empty\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-rating-symbol': IgcRatingSymbolComponent;\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
+ import type { Constructor } from '../common/mixins/constructor.js';
2
3
  import IgcRatingSymbolComponent from './rating-symbol.js';
3
- import { Constructor } from '../common/mixins/constructor.js';
4
4
  export interface IgcRatingEventMap {
5
5
  igcChange: CustomEvent<number>;
6
6
  igcHover: CustomEvent<number>;
@@ -111,6 +111,8 @@ export default class IgcRatingComponent extends IgcRatingComponent_base {
111
111
  protected handleMouseMove({ clientX }: MouseEvent): void;
112
112
  protected emitValueUpdate(value: number): void;
113
113
  protected handleSlotChange(): void;
114
+ protected handleHoverEnabled(): void;
115
+ protected handleHoverDisabled(): void;
114
116
  protected calcNewValue(x: number): number;
115
117
  protected getPrecision(num: number): number;
116
118
  protected round(value: number): number;
@@ -4,15 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
+ var IgcRatingComponent_1;
7
8
  import { LitElement, html, nothing } from 'lit';
8
9
  import { property, query, queryAssignedElements, queryAssignedNodes, state, } from 'lit/decorators.js';
9
10
  import { guard } from 'lit/directives/guard.js';
10
11
  import { ifDefined } from 'lit/directives/if-defined.js';
11
12
  import { styleMap } from 'lit/directives/style-map.js';
12
- import IgcRatingSymbolComponent from './rating-symbol.js';
13
- import { styles } from './themes/rating.base.css.js';
14
- import { styles as shared } from './themes/shared/rating.common.css.js';
15
- import { all } from './themes/themes.js';
16
13
  import { themes } from '../../theming/theming-decorator.js';
17
14
  import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, homeKey, } from '../common/controllers/key-bindings.js';
18
15
  import { watch } from '../common/decorators/watch.js';
@@ -20,11 +17,15 @@ import { registerComponent } from '../common/definitions/register.js';
20
17
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
21
18
  import { FormAssociatedMixin } from '../common/mixins/form-associated.js';
22
19
  import { SizableMixin } from '../common/mixins/sizable.js';
23
- import { clamp, format, isLTR } from '../common/util.js';
20
+ import { clamp, formatString, isLTR } from '../common/util.js';
24
21
  import IgcIconComponent from '../icon/icon.js';
25
- let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(SizableMixin(EventEmitterMixin(LitElement))) {
22
+ import IgcRatingSymbolComponent from './rating-symbol.js';
23
+ import { styles } from './themes/rating.base.css.js';
24
+ import { styles as shared } from './themes/shared/rating.common.css.js';
25
+ import { all } from './themes/themes.js';
26
+ let IgcRatingComponent = IgcRatingComponent_1 = class IgcRatingComponent extends FormAssociatedMixin(SizableMixin(EventEmitterMixin(LitElement))) {
26
27
  static register() {
27
- registerComponent(this, IgcIconComponent, IgcRatingSymbolComponent);
28
+ registerComponent(IgcRatingComponent_1, IgcIconComponent, IgcRatingSymbolComponent);
28
29
  }
29
30
  get isInteractive() {
30
31
  return !(this.readonly || this.disabled);
@@ -35,7 +36,7 @@ let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(Si
35
36
  get valueText() {
36
37
  const value = this.round(this.value);
37
38
  return this.valueFormat
38
- ? format(this.valueFormat, `${value}`, `${this.max}`)
39
+ ? formatString(this.valueFormat, value, this.max)
39
40
  : `${value} of ${this.max}`;
40
41
  }
41
42
  set readonly(value) {
@@ -45,15 +46,15 @@ let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(Si
45
46
  return this.readOnly;
46
47
  }
47
48
  handleMaxChange() {
48
- this.hasProjectedSymbols
49
- ? (this.max = this.ratingSymbols.length)
50
- : (this.max = Math.max(0, this.max));
49
+ this.max = this.hasProjectedSymbols
50
+ ? this.ratingSymbols.length
51
+ : Math.max(0, this.max);
51
52
  if (this.max < this.value) {
52
53
  this.value = this.max;
53
54
  }
54
55
  }
55
56
  handleValueChange() {
56
- this.value = clamp(isNaN(this.value) ? 0 : this.value, 0, this.max);
57
+ this.value = clamp(Number.isNaN(this.value) ? 0 : this.value, 0, this.max);
57
58
  this.setFormValue(`${this.value}`, `${this.value}`);
58
59
  this.updateValidity();
59
60
  this.setInvalidState();
@@ -118,6 +119,12 @@ let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(Si
118
119
  this.requestUpdate();
119
120
  }
120
121
  }
122
+ handleHoverEnabled() {
123
+ this.hoverState = true;
124
+ }
125
+ handleHoverDisabled() {
126
+ this.hoverState = false;
127
+ }
121
128
  calcNewValue(x) {
122
129
  const { width, left, right } = this.container.getBoundingClientRect();
123
130
  const percent = isLTR(this) ? (x - left) / width : (right - x) / width;
@@ -129,8 +136,7 @@ let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(Si
129
136
  return decimal ? decimal.length : 0;
130
137
  }
131
138
  round(value) {
132
- value = Math.round(value / this.step) * this.step;
133
- return Number(value.toFixed(this.getPrecision(this.step)));
139
+ return Number((Math.round(value / this.step) * this.step).toFixed(this.getPrecision(this.step)));
134
140
  }
135
141
  clipSymbol(index, isLTR = true) {
136
142
  const value = this.hoverState ? this.hoverValue : this.value;
@@ -215,8 +221,8 @@ let IgcRatingComponent = class IgcRatingComponent extends FormAssociatedMixin(Si
215
221
  aria-hidden="true"
216
222
  part="symbols"
217
223
  @click=${this.isInteractive ? this.handleClick : nothing}
218
- @mouseenter=${hoverActive ? () => (this.hoverState = true) : nothing}
219
- @mouseleave=${hoverActive ? () => (this.hoverState = false) : nothing}
224
+ @mouseenter=${hoverActive ? this.handleHoverEnabled : nothing}
225
+ @mouseleave=${hoverActive ? this.handleHoverDisabled : nothing}
220
226
  @mousemove=${hoverActive ? this.handleMouseMove : nothing}
221
227
  >
222
228
  <slot name="symbol" @slotchange=${this.handleSlotChange}>
@@ -295,8 +301,8 @@ __decorate([
295
301
  __decorate([
296
302
  watch('single')
297
303
  ], IgcRatingComponent.prototype, "handleSelectionChange", null);
298
- IgcRatingComponent = __decorate([
299
- themes(all, true)
304
+ IgcRatingComponent = IgcRatingComponent_1 = __decorate([
305
+ themes(all)
300
306
  ], IgcRatingComponent);
301
307
  export default IgcRatingComponent;
302
308
  //# sourceMappingURL=rating.js.map