igniteui-webcomponents 5.3.0 → 5.4.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 (491) hide show
  1. package/CHANGELOG.md +100 -0
  2. package/README.md +10 -5
  3. package/animations/player.d.ts +1 -0
  4. package/animations/player.js +7 -0
  5. package/animations/player.js.map +1 -1
  6. package/animations/presets/scale/index.d.ts +2 -0
  7. package/animations/presets/scale/index.js +12 -0
  8. package/animations/presets/scale/index.js.map +1 -0
  9. package/components/avatar/avatar.d.ts +2 -1
  10. package/components/avatar/avatar.js.map +1 -1
  11. package/components/badge/badge.d.ts +2 -2
  12. package/components/badge/badge.js.map +1 -1
  13. package/components/button/button.d.ts +2 -1
  14. package/components/button/button.js.map +1 -1
  15. package/components/button/icon-button.d.ts +2 -1
  16. package/components/button/icon-button.js.map +1 -1
  17. package/components/button-group/button-group.d.ts +3 -2
  18. package/components/button-group/button-group.js.map +1 -1
  19. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  20. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  21. package/components/calendar/base.d.ts +2 -2
  22. package/components/calendar/base.js.map +1 -1
  23. package/components/calendar/calendar.d.ts +5 -4
  24. package/components/calendar/calendar.js.map +1 -1
  25. package/components/calendar/days-view/days-view.js +5 -1
  26. package/components/calendar/days-view/days-view.js.map +1 -1
  27. package/components/calendar/themes/calendar.base.css.js +1 -1
  28. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  29. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  30. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  31. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  32. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  33. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  34. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  35. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  36. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  37. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  38. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  39. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  40. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  41. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  42. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  43. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  44. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  45. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  46. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  47. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  48. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  49. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  50. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  51. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  52. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  53. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  54. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  55. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  56. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  57. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  58. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  59. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  60. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  61. package/components/calendar/types.d.ts +3 -0
  62. package/components/calendar/types.js.map +1 -1
  63. package/components/card/card.actions.d.ts +2 -1
  64. package/components/card/card.actions.js.map +1 -1
  65. package/components/card/themes/card.actions.base.css.js +1 -1
  66. package/components/card/themes/card.actions.base.css.js.map +1 -1
  67. package/components/card/themes/container.js +2 -1
  68. package/components/card/themes/container.js.map +1 -1
  69. package/components/card/themes/dark/card.bootstrap.css.js +1 -1
  70. package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
  71. package/components/card/themes/dark/card.fluent.css.js +1 -1
  72. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  73. package/components/card/themes/dark/card.indigo.css.js +1 -1
  74. package/components/card/themes/dark/card.indigo.css.js.map +1 -1
  75. package/components/card/themes/dark/card.material.css.js +1 -1
  76. package/components/card/themes/dark/card.material.css.js.map +1 -1
  77. package/components/card/themes/dark/card.shared.css.js +1 -1
  78. package/components/card/themes/dark/card.shared.css.js.map +1 -1
  79. package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
  80. package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
  81. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  82. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  83. package/components/card/themes/light/container/card.indigo.css.js +1 -1
  84. package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
  85. package/components/card/themes/light/container/card.material.css.js +1 -1
  86. package/components/card/themes/light/container/card.material.css.js.map +1 -1
  87. package/components/card/themes/light/container/card.shared.css.js +1 -1
  88. package/components/card/themes/light/container/card.shared.css.js.map +1 -1
  89. package/components/card/themes/shared/container/card.bootstrap.css.d.ts +1 -0
  90. package/components/card/themes/shared/container/card.bootstrap.css.js +3 -0
  91. package/components/card/themes/shared/container/card.bootstrap.css.js.map +1 -0
  92. package/components/card/themes/shared/container/card.indigo.css.js +1 -1
  93. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
  94. package/components/card/themes/shared/content/card.content.bootstrap.css.js +1 -1
  95. package/components/card/themes/shared/content/card.content.bootstrap.css.js.map +1 -1
  96. package/components/card/themes/shared/header/card.header.bootstrap.css.js +1 -1
  97. package/components/card/themes/shared/header/card.header.bootstrap.css.js.map +1 -1
  98. package/components/card/themes/shared/header/card.header.fluent.css.js +1 -1
  99. package/components/card/themes/shared/header/card.header.fluent.css.js.map +1 -1
  100. package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
  101. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
  102. package/components/carousel/carousel-slide.d.ts +5 -1
  103. package/components/carousel/carousel-slide.js.map +1 -1
  104. package/components/carousel/carousel.d.ts +3 -2
  105. package/components/carousel/carousel.js.map +1 -1
  106. package/components/carousel/themes/dark/carousel.bootstrap.css.js +1 -1
  107. package/components/carousel/themes/dark/carousel.bootstrap.css.js.map +1 -1
  108. package/components/carousel/themes/dark/carousel.fluent.css.js +1 -1
  109. package/components/carousel/themes/dark/carousel.fluent.css.js.map +1 -1
  110. package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
  111. package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
  112. package/components/carousel/themes/dark/carousel.material.css.js +1 -1
  113. package/components/carousel/themes/dark/carousel.material.css.js.map +1 -1
  114. package/components/carousel/themes/light/carousel.bootstrap.css.js +1 -1
  115. package/components/carousel/themes/light/carousel.bootstrap.css.js.map +1 -1
  116. package/components/carousel/themes/light/carousel.fluent.css.js +1 -1
  117. package/components/carousel/themes/light/carousel.fluent.css.js.map +1 -1
  118. package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
  119. package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
  120. package/components/carousel/themes/light/carousel.material.css.js +1 -1
  121. package/components/carousel/themes/light/carousel.material.css.js.map +1 -1
  122. package/components/carousel/themes/shared/carousel.bootstrap.css.js +1 -1
  123. package/components/carousel/themes/shared/carousel.bootstrap.css.js.map +1 -1
  124. package/components/carousel/themes/shared/carousel.common.css.js +1 -1
  125. package/components/carousel/themes/shared/carousel.common.css.js.map +1 -1
  126. package/components/carousel/themes/shared/carousel.fluent.css.js +1 -1
  127. package/components/carousel/themes/shared/carousel.fluent.css.js.map +1 -1
  128. package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
  129. package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
  130. package/components/checkbox/checkbox-base.d.ts +6 -3
  131. package/components/checkbox/checkbox-base.js.map +1 -1
  132. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  133. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  134. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  135. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  136. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  137. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  138. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
  139. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
  140. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  141. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  142. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  143. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  144. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  145. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  146. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  147. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  148. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  149. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  150. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  151. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  152. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  153. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  154. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  155. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  156. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  157. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  158. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  159. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  160. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  161. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  162. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  163. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  164. package/components/checkbox/themes/light/switch/switch.shared.css.js +1 -1
  165. package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -1
  166. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  167. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  168. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  169. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  170. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  171. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  172. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  173. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  174. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  175. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  176. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  177. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  178. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  179. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  180. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  181. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  182. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  183. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  184. package/components/combo/combo.d.ts +2 -2
  185. package/components/combo/combo.js +23 -12
  186. package/components/combo/combo.js.map +1 -1
  187. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  188. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  189. package/components/combo/themes/dark/combo.fluent.css.js +1 -1
  190. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
  191. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  192. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  193. package/components/combo/themes/dark/combo.material.css.js +1 -1
  194. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  195. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  196. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  197. package/components/combo/themes/light/combo.fluent.css.js +1 -1
  198. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  199. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  200. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  201. package/components/combo/themes/light/combo.material.css.js +1 -1
  202. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  203. package/components/combo/themes/light/combo.shared.css.js +1 -1
  204. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  205. package/components/common/controllers/drag.d.ts +13 -0
  206. package/components/common/controllers/drag.js +30 -4
  207. package/components/common/controllers/drag.js.map +1 -1
  208. package/components/common/controllers/root-scroll.d.ts +2 -1
  209. package/components/common/controllers/root-scroll.js.map +1 -1
  210. package/components/common/definitions/defineAllComponents.js +2 -0
  211. package/components/common/definitions/defineAllComponents.js.map +1 -1
  212. package/components/common/mixins/alert.d.ts +2 -1
  213. package/components/common/mixins/alert.js.map +1 -1
  214. package/components/common/mixins/forms/associated.js +1 -1
  215. package/components/common/mixins/forms/associated.js.map +1 -1
  216. package/components/common/mixins/forms/form-value.d.ts +1 -0
  217. package/components/common/mixins/forms/form-value.js +16 -0
  218. package/components/common/mixins/forms/form-value.js.map +1 -1
  219. package/components/common/util.d.ts +11 -3
  220. package/components/common/util.js +110 -3
  221. package/components/common/util.js.map +1 -1
  222. package/components/date-picker/date-picker.d.ts +5 -5
  223. package/components/date-picker/date-picker.js.map +1 -1
  224. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  225. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  226. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  227. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  228. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  229. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  230. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  231. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  232. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  233. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  234. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  235. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  236. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  237. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  238. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  239. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  240. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  241. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  242. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  243. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  244. package/components/divider/divider.d.ts +2 -1
  245. package/components/divider/divider.js.map +1 -1
  246. package/components/dropdown/dropdown.d.ts +4 -4
  247. package/components/dropdown/dropdown.js.map +1 -1
  248. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  249. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  250. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  251. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  252. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  253. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  254. package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
  255. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
  256. package/components/dropdown/themes/dark/dropdown.shared.css.js +1 -1
  257. package/components/dropdown/themes/dark/dropdown.shared.css.js.map +1 -1
  258. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  259. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  260. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  261. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  262. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  263. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  264. package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
  265. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
  266. package/components/dropdown/themes/light/dropdown.shared.css.js +1 -1
  267. package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -1
  268. package/components/expansion-panel/expansion-panel.d.ts +2 -1
  269. package/components/expansion-panel/expansion-panel.js.map +1 -1
  270. package/components/file-input/file-input.d.ts +85 -0
  271. package/components/file-input/file-input.js +155 -0
  272. package/components/file-input/file-input.js.map +1 -0
  273. package/components/file-input/themes/file-input.base.css.d.ts +1 -0
  274. package/components/file-input/themes/file-input.base.css.js +3 -0
  275. package/components/file-input/themes/file-input.base.css.js.map +1 -0
  276. package/components/file-input/themes/shared/file-input.bootstrap.css.d.ts +1 -0
  277. package/components/file-input/themes/shared/file-input.bootstrap.css.js +3 -0
  278. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -0
  279. package/components/file-input/themes/shared/file-input.fluent.css.d.ts +1 -0
  280. package/components/file-input/themes/shared/file-input.fluent.css.js +3 -0
  281. package/components/file-input/themes/shared/file-input.fluent.css.js.map +1 -0
  282. package/components/file-input/themes/shared/file-input.indigo.css.d.ts +1 -0
  283. package/components/file-input/themes/shared/file-input.indigo.css.js +3 -0
  284. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -0
  285. package/components/file-input/themes/shared/file-input.material.css.d.ts +1 -0
  286. package/components/file-input/themes/shared/file-input.material.css.js +3 -0
  287. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -0
  288. package/components/file-input/themes/themes.d.ts +2 -0
  289. package/components/file-input/themes/themes.js +50 -0
  290. package/components/file-input/themes/themes.js.map +1 -0
  291. package/components/file-input/validators.d.ts +3 -0
  292. package/components/file-input/validators.js +5 -0
  293. package/components/file-input/validators.js.map +1 -0
  294. package/components/icon/icon.registry.js +2 -2
  295. package/components/icon/icon.registry.js.map +1 -1
  296. package/components/input/input-base.d.ts +3 -1
  297. package/components/input/input-base.js +6 -2
  298. package/components/input/input-base.js.map +1 -1
  299. package/components/input/input.d.ts +2 -2
  300. package/components/input/input.js.map +1 -1
  301. package/components/input/themes/dark/input.fluent.css.js +1 -1
  302. package/components/input/themes/dark/input.fluent.css.js.map +1 -1
  303. package/components/input/themes/light/input.fluent.css.js +1 -1
  304. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  305. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  306. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  307. package/components/input/themes/shared/input.fluent.css.js +1 -1
  308. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  309. package/components/input/themes/shared/input.material.css.js +1 -1
  310. package/components/input/themes/shared/input.material.css.js.map +1 -1
  311. package/components/mask-input/mask-input.d.ts +2 -1
  312. package/components/mask-input/mask-input.js.map +1 -1
  313. package/components/nav-drawer/nav-drawer.d.ts +2 -1
  314. package/components/nav-drawer/nav-drawer.js.map +1 -1
  315. package/components/popover/popover.d.ts +19 -3
  316. package/components/popover/popover.js +58 -9
  317. package/components/popover/popover.js.map +1 -1
  318. package/components/progress/linear-progress.d.ts +2 -1
  319. package/components/progress/linear-progress.js.map +1 -1
  320. package/components/radio/radio.d.ts +12 -3
  321. package/components/radio/radio.js +18 -0
  322. package/components/radio/radio.js.map +1 -1
  323. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  324. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  325. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  326. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  327. package/components/radio/themes/light/radio.shared.css.js +1 -1
  328. package/components/radio/themes/light/radio.shared.css.js.map +1 -1
  329. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  330. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  331. package/components/radio-group/radio-group.d.ts +2 -1
  332. package/components/radio-group/radio-group.js.map +1 -1
  333. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  334. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  335. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  336. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  337. package/components/rating/themes/light/rating.shared.css.js +1 -1
  338. package/components/rating/themes/light/rating.shared.css.js.map +1 -1
  339. package/components/rating/themes/rating.base.css.js +1 -1
  340. package/components/rating/themes/rating.base.css.js.map +1 -1
  341. package/components/rating/themes/shared/rating.common.css.js +1 -1
  342. package/components/rating/themes/shared/rating.common.css.js.map +1 -1
  343. package/components/rating/themes/shared/rating.indigo.css.js +1 -1
  344. package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
  345. package/components/resize-container/resize-container.d.ts +1 -0
  346. package/components/resize-container/resize-container.js.map +1 -1
  347. package/components/select/select.d.ts +4 -4
  348. package/components/select/select.js.map +1 -1
  349. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  350. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  351. package/components/select/themes/dark/select.fluent.css.js +1 -1
  352. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  353. package/components/select/themes/dark/select.indigo.css.js +1 -1
  354. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  355. package/components/select/themes/dark/select.material.css.js +1 -1
  356. package/components/select/themes/dark/select.material.css.js.map +1 -1
  357. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  358. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  359. package/components/select/themes/light/select.fluent.css.js +1 -1
  360. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  361. package/components/select/themes/light/select.indigo.css.js +1 -1
  362. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  363. package/components/select/themes/light/select.material.css.js +1 -1
  364. package/components/select/themes/light/select.material.css.js.map +1 -1
  365. package/components/select/themes/light/select.shared.css.js +1 -1
  366. package/components/select/themes/light/select.shared.css.js.map +1 -1
  367. package/components/slider/range-slider.d.ts +5 -3
  368. package/components/slider/range-slider.js.map +1 -1
  369. package/components/slider/slider-base.d.ts +3 -2
  370. package/components/slider/slider-base.js +1 -3
  371. package/components/slider/slider-base.js.map +1 -1
  372. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  373. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  374. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  375. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  376. package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
  377. package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
  378. package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
  379. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  380. package/components/snackbar/themes/light/snackbar.shared.css.js +1 -1
  381. package/components/snackbar/themes/light/snackbar.shared.css.js.map +1 -1
  382. package/components/stepper/animations.d.ts +2 -1
  383. package/components/stepper/animations.js.map +1 -1
  384. package/components/stepper/step.d.ts +8 -3
  385. package/components/stepper/step.js.map +1 -1
  386. package/components/stepper/stepper.common.d.ts +8 -4
  387. package/components/stepper/stepper.common.js.map +1 -1
  388. package/components/stepper/stepper.d.ts +6 -5
  389. package/components/stepper/stepper.js.map +1 -1
  390. package/components/stepper/themes/step/step.base.css.js +1 -1
  391. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  392. package/components/tabs/tabs.d.ts +3 -2
  393. package/components/tabs/tabs.js.map +1 -1
  394. package/components/textarea/textarea.d.ts +2 -2
  395. package/components/textarea/textarea.js.map +1 -1
  396. package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
  397. package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
  398. package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
  399. package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
  400. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  401. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  402. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  403. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  404. package/components/tile-manager/tile-ghost-util.js +2 -0
  405. package/components/tile-manager/tile-ghost-util.js.map +1 -1
  406. package/components/tile-manager/tile-manager.js.map +1 -1
  407. package/components/tile-manager/tile.d.ts +4 -2
  408. package/components/tile-manager/tile.js +36 -17
  409. package/components/tile-manager/tile.js.map +1 -1
  410. package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
  411. package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
  412. package/components/toast/themes/dark/toast.fluent.css.js +1 -1
  413. package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
  414. package/components/toast/themes/dark/toast.material.css.js +1 -1
  415. package/components/toast/themes/dark/toast.material.css.js.map +1 -1
  416. package/components/toast/themes/dark/toast.shared.css.js +1 -1
  417. package/components/toast/themes/dark/toast.shared.css.js.map +1 -1
  418. package/components/toast/themes/light/toast.bootstrap.css.js +1 -1
  419. package/components/toast/themes/light/toast.bootstrap.css.js.map +1 -1
  420. package/components/toast/themes/light/toast.fluent.css.js +1 -1
  421. package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
  422. package/components/toast/themes/light/toast.shared.css.js +1 -1
  423. package/components/toast/themes/light/toast.shared.css.js.map +1 -1
  424. package/components/tooltip/controller.d.ts +87 -0
  425. package/components/tooltip/controller.js +172 -0
  426. package/components/tooltip/controller.js.map +1 -0
  427. package/components/tooltip/service.d.ts +12 -0
  428. package/components/tooltip/service.js +42 -0
  429. package/components/tooltip/service.js.map +1 -0
  430. package/components/tooltip/themes/dark/tooltip.bootstrap.css.d.ts +1 -0
  431. package/components/tooltip/themes/dark/tooltip.bootstrap.css.js +3 -0
  432. package/components/tooltip/themes/dark/tooltip.bootstrap.css.js.map +1 -0
  433. package/components/tooltip/themes/dark/tooltip.fluent.css.d.ts +1 -0
  434. package/components/tooltip/themes/dark/tooltip.fluent.css.js +3 -0
  435. package/components/tooltip/themes/dark/tooltip.fluent.css.js.map +1 -0
  436. package/components/tooltip/themes/dark/tooltip.indigo.css.d.ts +1 -0
  437. package/components/tooltip/themes/dark/tooltip.indigo.css.js +3 -0
  438. package/components/tooltip/themes/dark/tooltip.indigo.css.js.map +1 -0
  439. package/components/tooltip/themes/dark/tooltip.material.css.d.ts +1 -0
  440. package/components/tooltip/themes/dark/tooltip.material.css.js +3 -0
  441. package/components/tooltip/themes/dark/tooltip.material.css.js.map +1 -0
  442. package/components/tooltip/themes/light/tooltip.bootstrap.css.d.ts +1 -0
  443. package/components/tooltip/themes/light/tooltip.bootstrap.css.js +3 -0
  444. package/components/tooltip/themes/light/tooltip.bootstrap.css.js.map +1 -0
  445. package/components/tooltip/themes/light/tooltip.fluent.css.d.ts +1 -0
  446. package/components/tooltip/themes/light/tooltip.fluent.css.js +3 -0
  447. package/components/tooltip/themes/light/tooltip.fluent.css.js.map +1 -0
  448. package/components/tooltip/themes/light/tooltip.indigo.css.d.ts +1 -0
  449. package/components/tooltip/themes/light/tooltip.indigo.css.js +3 -0
  450. package/components/tooltip/themes/light/tooltip.indigo.css.js.map +1 -0
  451. package/components/tooltip/themes/light/tooltip.material.css.d.ts +1 -0
  452. package/components/tooltip/themes/light/tooltip.material.css.js +3 -0
  453. package/components/tooltip/themes/light/tooltip.material.css.js.map +1 -0
  454. package/components/tooltip/themes/light/tooltip.shared.css.d.ts +1 -0
  455. package/components/tooltip/themes/light/tooltip.shared.css.js +3 -0
  456. package/components/tooltip/themes/light/tooltip.shared.css.js.map +1 -0
  457. package/components/tooltip/themes/shared/tooltip.common.css.d.ts +1 -0
  458. package/components/tooltip/themes/shared/tooltip.common.css.js +3 -0
  459. package/components/tooltip/themes/shared/tooltip.common.css.js.map +1 -0
  460. package/components/tooltip/themes/shared/tooltip.indigo.css.d.ts +1 -0
  461. package/components/tooltip/themes/shared/tooltip.indigo.css.js +3 -0
  462. package/components/tooltip/themes/shared/tooltip.indigo.css.js.map +1 -0
  463. package/components/tooltip/themes/themes.d.ts +2 -0
  464. package/components/tooltip/themes/themes.js +47 -0
  465. package/components/tooltip/themes/themes.js.map +1 -0
  466. package/components/tooltip/themes/tooltip.base.css.d.ts +1 -0
  467. package/components/tooltip/themes/tooltip.base.css.js +3 -0
  468. package/components/tooltip/themes/tooltip.base.css.js.map +1 -0
  469. package/components/tooltip/tooltip.d.ts +154 -0
  470. package/components/tooltip/tooltip.js +284 -0
  471. package/components/tooltip/tooltip.js.map +1 -0
  472. package/components/tree/tree.common.d.ts +4 -6
  473. package/components/tree/tree.common.js.map +1 -1
  474. package/components/tree/tree.d.ts +2 -1
  475. package/components/tree/tree.js.map +1 -1
  476. package/components/tree/tree.selection.js.map +1 -1
  477. package/components/types.d.ts +30 -2
  478. package/components/types.js.map +1 -1
  479. package/custom-elements.json +14111 -11208
  480. package/igniteui-webcomponents.css-data.json +1 -1
  481. package/igniteui-webcomponents.html-data.json +1 -1
  482. package/index.d.ts +16 -6
  483. package/index.js +3 -1
  484. package/index.js.map +1 -1
  485. package/package.json +2 -2
  486. package/theming/types.d.ts +2 -2
  487. package/theming/types.js.map +1 -1
  488. package/web-types.json +2 -2
  489. package/components/common/decorators/blazorTypeOverride.d.ts +0 -7
  490. package/components/common/decorators/blazorTypeOverride.js +0 -4
  491. package/components/common/decorators/blazorTypeOverride.js.map +0 -1
@@ -1,12 +1,15 @@
1
1
  import { LitElement, type TemplateResult } from 'lit';
2
2
  import type { Constructor } from '../common/mixins/constructor.js';
3
3
  import { type FormValue } from '../common/mixins/forms/form-value.js';
4
- export interface RadioChangeEventArgs {
4
+ import type { ToggleLabelPosition } from '../types.js';
5
+ export interface IgcRadioChangeEventArgs {
5
6
  checked: boolean;
6
7
  value?: string;
7
8
  }
9
+ /** @deprecated since 5.4.0. Use IgcRadioChangeEventArgs instead */
10
+ export type RadioChangeEventArgs = IgcRadioChangeEventArgs;
8
11
  export interface IgcRadioComponentEventMap {
9
- igcChange: CustomEvent<RadioChangeEventArgs>;
12
+ igcChange: CustomEvent<IgcRadioChangeEventArgs>;
10
13
  focus: FocusEvent;
11
14
  blur: FocusEvent;
12
15
  }
@@ -67,7 +70,7 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
67
70
  * The label position of the radio control.
68
71
  * @attr label-position
69
72
  */
70
- labelPosition: 'before' | 'after';
73
+ labelPosition: ToggleLabelPosition;
71
74
  constructor();
72
75
  protected createRenderRoot(): HTMLElement | DocumentFragment;
73
76
  protected firstUpdated(): Promise<void>;
@@ -78,6 +81,12 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
78
81
  focus(options?: FocusOptions): void;
79
82
  /** Removes focus from the radio control. */
80
83
  blur(): void;
84
+ private _checkValidity;
85
+ private _reportValidity;
86
+ /** Checks for validity of the control and emits the invalid event if it invalid. */
87
+ checkValidity(): boolean;
88
+ /** Checks for validity of the control and shows the browser message if it invalid. */
89
+ reportValidity(): boolean;
81
90
  /**
82
91
  * Sets a custom validation message for the control.
83
92
  * As long as `message` is not empty, the control is considered invalid.
@@ -130,6 +130,24 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Fo
130
130
  blur() {
131
131
  this.input.blur();
132
132
  }
133
+ _checkValidity() {
134
+ return super.checkValidity();
135
+ }
136
+ _reportValidity() {
137
+ return super.reportValidity();
138
+ }
139
+ checkValidity() {
140
+ for (const radio of this._siblings) {
141
+ radio._checkValidity();
142
+ }
143
+ return this._checkValidity();
144
+ }
145
+ reportValidity() {
146
+ for (const radio of this._siblings) {
147
+ radio._reportValidity();
148
+ }
149
+ return this._reportValidity();
150
+ }
133
151
  setCustomValidity(message) {
134
152
  for (const radio of this._radios) {
135
153
  radio._validate(message);
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/radio/radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, 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 { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n tabKey,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n type FormValue,\n createFormValueState,\n defaultBooleanTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport {\n createCounter,\n isDefined,\n isEmpty,\n isLTR,\n last,\n noop,\n partNameMap,\n wrap,\n} from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.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';\nimport { radioValidators } from './validators.js';\n\nexport interface RadioChangeEventArgs {\n checked: boolean;\n value?: string;\n}\n\nexport interface IgcRadioComponentEventMap {\n igcChange: CustomEvent<RadioChangeEventArgs>;\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n/**\n * @element igc-radio\n *\n * @slot - The radio label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The radio control base wrapper.\n * @csspart control - The radio input control.\n * @csspart label - The radio control label.\n */\n@themes(all)\nexport default class IgcRadioComponent extends FormAssociatedCheckboxRequiredMixin(\n EventEmitterMixin<IgcRadioComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n public static readonly tagName = 'igc-radio';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcRadioComponent, IgcValidationContainerComponent);\n }\n\n private static readonly increment = createCounter();\n\n protected override get __validators() {\n return radioValidators;\n }\n\n protected override _formValue: FormValue<boolean>;\n\n private inputId = `radio-${IgcRadioComponent.increment()}`;\n private labelId = `radio-label-${this.inputId}`;\n private _kbFocus = addKeyboardFocusRing(this);\n\n protected _value!: string;\n\n @query('input', true)\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n protected hideLabel = false;\n\n @state()\n private _tabIndex = 0;\n\n /** Returns all radio elements from the group, that is having the same name property. */\n private get _radios() {\n return getGroup(this).radios;\n }\n\n /** All sibling radio elements of the one invoking the getter. */\n private get _siblings() {\n return getGroup(this).siblings;\n }\n\n /** All non-disabled radio elements from the group. */\n private get _active() {\n return getGroup(this).active;\n }\n\n /** All checked radio elements from the group. */\n private get _checkedRadios() {\n return getGroup(this).checked;\n }\n\n @property({ type: Boolean, reflect: true })\n public override set required(value: boolean) {\n super.required = value;\n\n if (this.hasUpdated) {\n for (const radio of this._siblings) {\n radio._validate();\n }\n }\n }\n\n public override get required(): boolean {\n return this._required;\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 /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n /**\n * The checked state of the control.\n * @attr\n */\n @property({ type: Boolean })\n public set checked(value: boolean) {\n this._formValue.setValueAndFormState(value);\n this._tabIndex = this.checked ? 0 : -1;\n this._validate();\n if (this.hasUpdated && this.checked) {\n this._updateCheckedState();\n }\n }\n\n public get checked(): boolean {\n return this._formValue.value;\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\n this._formValue = createFormValueState(this, {\n initialValue: false,\n transformers: defaultBooleanTransformers,\n });\n\n addKeybindings(this, {\n skip: () => this.disabled,\n bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n })\n .set(tabKey, noop, { preventDefault: false })\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 protected override createRenderRoot() {\n const root = super.createRenderRoot();\n this.hideLabel = isEmpty(this.label);\n\n root.addEventListener('slotchange', () => {\n this.hideLabel = isEmpty(this.label);\n });\n return root;\n }\n\n protected override async firstUpdated() {\n await this.updateComplete;\n\n if (this.checked && this === last(this._checkedRadios)) {\n for (const radio of this._siblings) {\n radio.checked = false;\n radio.defaultChecked = false;\n }\n } else {\n this._updateValidity();\n }\n }\n\n protected override _setDefaultValue(current: string | null): void {\n this._formValue.defaultValue = isDefined(current);\n for (const radio of this._siblings) {\n radio.defaultChecked = false;\n }\n }\n\n /** Simulates a click on the radio control. */\n public override click() {\n this.input.click();\n }\n\n /* alternateName: focusComponent */\n /** Sets focus on the radio control. */\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the radio control. */\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 for (const radio of this._radios) {\n radio._validate(message);\n }\n }\n\n private _updateCheckedState() {\n for (const radio of this._siblings) {\n radio.checked = false;\n }\n }\n\n protected override formResetCallback() {\n super.formResetCallback();\n this._resetTabIndexes();\n }\n\n /** Called after a form reset callback to restore default keyboard navigation. */\n private _resetTabIndexes() {\n const radios = this._radios;\n\n if (isEmpty(this._checkedRadios)) {\n for (const radio of radios) {\n radio._tabIndex = 0;\n }\n } else {\n for (const radio of radios) {\n radio._tabIndex = radio.checked ? 0 : -1;\n }\n }\n }\n\n protected handleClick(event: PointerEvent) {\n event.stopPropagation();\n\n if (this.checked) {\n return;\n }\n\n this.checked = true;\n this.input.focus();\n this.emitEvent('igcChange', {\n detail: {\n checked: this.checked,\n value: this.value,\n },\n });\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected navigate(idx: number) {\n const active = this._active;\n const next = wrap(0, active.length - 1, active.indexOf(this) + idx);\n const radio = active[next];\n\n radio.focus();\n radio.checked = true;\n radio.emitEvent('igcChange', {\n detail: { checked: radio.checked, value: radio.value },\n });\n }\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked,\n focused: this._kbFocus.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this._kbFocus.reset}\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(checked)}\n tabindex=${this._tabIndex}\n aria-checked=${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 />\n <span part=${partNameMap({ control: true, checked })}>\n <span\n .hidden=${this.disabled}\n part=${partNameMap({ ripple: true, checked })}\n ></span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked })}\n id=${this.labelId}\n >\n <slot></slot>\n </span>\n </label>\n ${this.renderValidatorContainer()}\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, type TemplateResult, 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 { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n tabKey,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n type FormValue,\n createFormValueState,\n defaultBooleanTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport {\n createCounter,\n isDefined,\n isEmpty,\n isLTR,\n last,\n noop,\n partNameMap,\n wrap,\n} from '../common/util.js';\nimport type { ToggleLabelPosition } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.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';\nimport { radioValidators } from './validators.js';\n\nexport interface IgcRadioChangeEventArgs {\n checked: boolean;\n value?: string;\n}\n\n/** @deprecated since 5.4.0. Use IgcRadioChangeEventArgs instead */\nexport type RadioChangeEventArgs = IgcRadioChangeEventArgs;\n\nexport interface IgcRadioComponentEventMap {\n igcChange: CustomEvent<IgcRadioChangeEventArgs>;\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n/**\n * @element igc-radio\n *\n * @slot - The radio label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The radio control base wrapper.\n * @csspart control - The radio input control.\n * @csspart label - The radio control label.\n */\n@themes(all)\nexport default class IgcRadioComponent extends FormAssociatedCheckboxRequiredMixin(\n EventEmitterMixin<IgcRadioComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n public static readonly tagName = 'igc-radio';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcRadioComponent, IgcValidationContainerComponent);\n }\n\n private static readonly increment = createCounter();\n\n protected override get __validators() {\n return radioValidators;\n }\n\n protected override _formValue: FormValue<boolean>;\n\n private inputId = `radio-${IgcRadioComponent.increment()}`;\n private labelId = `radio-label-${this.inputId}`;\n private _kbFocus = addKeyboardFocusRing(this);\n\n protected _value!: string;\n\n @query('input', true)\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n protected hideLabel = false;\n\n @state()\n private _tabIndex = 0;\n\n /** Returns all radio elements from the group, that is having the same name property. */\n private get _radios() {\n return getGroup(this).radios;\n }\n\n /** All sibling radio elements of the one invoking the getter. */\n private get _siblings() {\n return getGroup(this).siblings;\n }\n\n /** All non-disabled radio elements from the group. */\n private get _active() {\n return getGroup(this).active;\n }\n\n /** All checked radio elements from the group. */\n private get _checkedRadios() {\n return getGroup(this).checked;\n }\n\n @property({ type: Boolean, reflect: true })\n public override set required(value: boolean) {\n super.required = value;\n\n if (this.hasUpdated) {\n for (const radio of this._siblings) {\n radio._validate();\n }\n }\n }\n\n public override get required(): boolean {\n return this._required;\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 /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n /**\n * The checked state of the control.\n * @attr\n */\n @property({ type: Boolean })\n public set checked(value: boolean) {\n this._formValue.setValueAndFormState(value);\n this._tabIndex = this.checked ? 0 : -1;\n this._validate();\n if (this.hasUpdated && this.checked) {\n this._updateCheckedState();\n }\n }\n\n public get checked(): boolean {\n return this._formValue.value;\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: ToggleLabelPosition = 'after';\n\n constructor() {\n super();\n\n this._formValue = createFormValueState(this, {\n initialValue: false,\n transformers: defaultBooleanTransformers,\n });\n\n addKeybindings(this, {\n skip: () => this.disabled,\n bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n })\n .set(tabKey, noop, { preventDefault: false })\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 protected override createRenderRoot() {\n const root = super.createRenderRoot();\n this.hideLabel = isEmpty(this.label);\n\n root.addEventListener('slotchange', () => {\n this.hideLabel = isEmpty(this.label);\n });\n return root;\n }\n\n protected override async firstUpdated() {\n await this.updateComplete;\n\n if (this.checked && this === last(this._checkedRadios)) {\n for (const radio of this._siblings) {\n radio.checked = false;\n radio.defaultChecked = false;\n }\n } else {\n this._updateValidity();\n }\n }\n\n protected override _setDefaultValue(current: string | null): void {\n this._formValue.defaultValue = isDefined(current);\n for (const radio of this._siblings) {\n radio.defaultChecked = false;\n }\n }\n\n /** Simulates a click on the radio control. */\n public override click() {\n this.input.click();\n }\n\n /* alternateName: focusComponent */\n /** Sets focus on the radio control. */\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the radio control. */\n public override blur() {\n this.input.blur();\n }\n\n private _checkValidity() {\n return super.checkValidity();\n }\n\n private _reportValidity() {\n return super.reportValidity();\n }\n\n /** Checks for validity of the control and emits the invalid event if it invalid. */\n public override checkValidity(): boolean {\n for (const radio of this._siblings) {\n radio._checkValidity();\n }\n\n return this._checkValidity();\n }\n\n /** Checks for validity of the control and shows the browser message if it invalid. */\n public override reportValidity(): boolean {\n for (const radio of this._siblings) {\n radio._reportValidity();\n }\n\n return this._reportValidity();\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 for (const radio of this._radios) {\n radio._validate(message);\n }\n }\n\n private _updateCheckedState() {\n for (const radio of this._siblings) {\n radio.checked = false;\n }\n }\n\n protected override formResetCallback() {\n super.formResetCallback();\n this._resetTabIndexes();\n }\n\n /** Called after a form reset callback to restore default keyboard navigation. */\n private _resetTabIndexes() {\n const radios = this._radios;\n\n if (isEmpty(this._checkedRadios)) {\n for (const radio of radios) {\n radio._tabIndex = 0;\n }\n } else {\n for (const radio of radios) {\n radio._tabIndex = radio.checked ? 0 : -1;\n }\n }\n }\n\n protected handleClick(event: PointerEvent) {\n event.stopPropagation();\n\n if (this.checked) {\n return;\n }\n\n this.checked = true;\n this.input.focus();\n this.emitEvent('igcChange', {\n detail: {\n checked: this.checked,\n value: this.value,\n },\n });\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected navigate(idx: number) {\n const active = this._active;\n const next = wrap(0, active.length - 1, active.indexOf(this) + idx);\n const radio = active[next];\n\n radio.focus();\n radio.checked = true;\n radio.emitEvent('igcChange', {\n detail: { checked: radio.checked, value: radio.value },\n });\n }\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked,\n focused: this._kbFocus.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this._kbFocus.reset}\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(checked)}\n tabindex=${this._tabIndex}\n aria-checked=${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 />\n <span part=${partNameMap({ control: true, checked })}>\n <span\n .hidden=${this.disabled}\n part=${partNameMap({ ripple: true, checked })}\n ></span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked })}\n id=${this.labelId}\n >\n <slot></slot>\n </span>\n </label>\n ${this.renderValidatorContainer()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio': IgcRadioComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-100));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-300));--error-color: var(--ig-radio-error-color, var(--ig-error-300));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host([disabled]) [part=control],:host(:disabled) [part=control]{background:var(--ig-surface-500)}`;
2
+ export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-100));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-300));--error-color: var(--ig-radio-error-color, var(--ig-error-300));--focus-border-color: var(--ig-radio-focus-border-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host([disabled]) [part=control],:host(:disabled) [part=control]{background:var(--ig-surface-500)}`;
3
3
  //# sourceMappingURL=radio.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykCAAykC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-100));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-300));--error-color: var(--ig-radio-error-color, var(--ig-error-300));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host([disabled]) [part=control],:host(:disabled) [part=control]{background:var(--ig-surface-500)}`;\n"]}
1
+ {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/dark/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ypCAAypC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-100));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-300));--error-color: var(--ig-radio-error-color, var(--ig-error-300));--focus-border-color: var(--ig-radio-focus-border-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host([disabled]) [part=control],:host(:disabled) [part=control]{background:var(--ig-surface-500)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-300));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-600));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-300));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--focus-border-color: var(--ig-radio-focus-border-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-600));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=radio.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s1BAAs1B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-300));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-600));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6BAAs6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, var(--ig-gray-900-contrast));--hover-color: var(--ig-radio-hover-color, var(--ig-gray-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-300));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-primary-200));--focus-border-color: var(--ig-radio-focus-border-color, var(--ig-primary-200));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-400));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-900-contrast));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-600));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-600));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;
2
+ export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-border-color: var(--ig-radio-focus-border-color, transparent);--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;
3
3
  //# sourceMappingURL=radio.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2xBAA2xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;\n"]}
1
+ {"version":3,"file":"radio.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i2BAAi2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-border-color: var(--ig-radio-focus-border-color, transparent);--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--ig-primary-200)}[part="control checked"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part="control checked"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:var(--ig-primary-300)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;
2
+ export const styles = css `:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--focus-border-color)}[part="control checked"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part="control checked"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;
3
3
  //# sourceMappingURL=radio.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,89FAA89F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--ig-primary-200)}[part=\"control checked\"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part=\"control checked\"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:var(--ig-primary-300)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;\n"]}
1
+ {"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ghGAAghG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--focus-border-color)}[part=\"control checked\"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part=\"control checked\"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;\n"]}
@@ -1,4 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
+ import type { ContentOrientation } from '../types.js';
2
3
  /**
3
4
  * The igc-radio-group component unifies one or more igc-radio buttons.
4
5
  *
@@ -19,7 +20,7 @@ export default class IgcRadioGroupComponent extends LitElement {
19
20
  * Alignment of the radio controls inside this group.
20
21
  * @attr
21
22
  */
22
- alignment: 'vertical' | 'horizontal';
23
+ alignment: ContentOrientation;
23
24
  set defaultValue(value: string);
24
25
  get defaultValue(): string;
25
26
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport 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 private _defaultValue!: string;\n private _internals: ElementInternals;\n private _name!: string;\n private _value!: string;\n\n @queryAssignedElements({ flatten: true })\n private _radios!: NodeListOf<IgcRadioComponent>;\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 /* blazorCSSuppress */\n @property({ attribute: false })\n public set defaultValue(value: string) {\n this._defaultValue = value;\n this._setRadiosDefaultChecked();\n }\n\n public get defaultValue(): string {\n return this._defaultValue;\n }\n\n /**\n * Gets/Sets the name for all child igc-radio components.\n * @attr\n */\n @property({ reflect: true })\n public set name(value: string) {\n this._name = value;\n this._setRadiosName();\n }\n\n public get name(): string {\n return this._name;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail.value\", false) */\n /**\n * Gets/Sets the checked igc-radio element that matches `value`\n * @attr\n */\n @property()\n public set value(value: string) {\n this._value = value;\n this._setSelectedRadio();\n }\n\n public get value(): string {\n if (this._radios.length) {\n this._value =\n Array.from(this._radios).find((radio) => radio.checked)?.value ?? '';\n }\n\n return this._value;\n }\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\n this._internals.role = 'radiogroup';\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this._setCSSGridVars());\n return root;\n }\n\n protected override firstUpdated() {\n const radios = Array.from(this._radios);\n const allRadiosUnchecked = radios.every((radio) => !radio.checked);\n\n this._setRadiosName();\n this._setRadiosDefaultChecked();\n\n if (allRadiosUnchecked && this._value) {\n this._setSelectedRadio();\n this._setDefaultValue();\n }\n }\n\n private _setCSSGridVars() {\n const slot = this.renderRoot.querySelector('slot');\n if (slot) {\n this.style.setProperty(\n '--layout-count',\n `${slot.assignedElements({ flatten: true }).length}`\n );\n }\n }\n\n private _setRadiosDefaultChecked() {\n if (this._defaultValue) {\n for (const radio of this._radios) {\n radio.defaultChecked = radio.value === this._defaultValue;\n }\n }\n }\n\n private _setRadiosName() {\n if (this._name) {\n for (const radio of this._radios) {\n radio.name = this._name;\n }\n }\n }\n\n private _setDefaultValue() {\n for (const radio of this._radios) {\n radio.toggleAttribute('checked', radio.checked);\n }\n }\n\n private _setSelectedRadio() {\n for (const radio of this._radios) {\n radio.checked = radio.value === this._value;\n }\n }\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":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcRadioComponent from '../radio/radio.js';\nimport type { ContentOrientation } from '../types.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 private _defaultValue!: string;\n private _internals: ElementInternals;\n private _name!: string;\n private _value!: string;\n\n @queryAssignedElements({ flatten: true })\n private _radios!: NodeListOf<IgcRadioComponent>;\n\n /**\n * Alignment of the radio controls inside this group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: ContentOrientation = 'vertical';\n\n /* blazorCSSuppress */\n @property({ attribute: false })\n public set defaultValue(value: string) {\n this._defaultValue = value;\n this._setRadiosDefaultChecked();\n }\n\n public get defaultValue(): string {\n return this._defaultValue;\n }\n\n /**\n * Gets/Sets the name for all child igc-radio components.\n * @attr\n */\n @property({ reflect: true })\n public set name(value: string) {\n this._name = value;\n this._setRadiosName();\n }\n\n public get name(): string {\n return this._name;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail.value\", false) */\n /**\n * Gets/Sets the checked igc-radio element that matches `value`\n * @attr\n */\n @property()\n public set value(value: string) {\n this._value = value;\n this._setSelectedRadio();\n }\n\n public get value(): string {\n if (this._radios.length) {\n this._value =\n Array.from(this._radios).find((radio) => radio.checked)?.value ?? '';\n }\n\n return this._value;\n }\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\n this._internals.role = 'radiogroup';\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this._setCSSGridVars());\n return root;\n }\n\n protected override firstUpdated() {\n const radios = Array.from(this._radios);\n const allRadiosUnchecked = radios.every((radio) => !radio.checked);\n\n this._setRadiosName();\n this._setRadiosDefaultChecked();\n\n if (allRadiosUnchecked && this._value) {\n this._setSelectedRadio();\n this._setDefaultValue();\n }\n }\n\n private _setCSSGridVars() {\n const slot = this.renderRoot.querySelector('slot');\n if (slot) {\n this.style.setProperty(\n '--layout-count',\n `${slot.assignedElements({ flatten: true }).length}`\n );\n }\n }\n\n private _setRadiosDefaultChecked() {\n if (this._defaultValue) {\n for (const radio of this._radios) {\n radio.defaultChecked = radio.value === this._defaultValue;\n }\n }\n }\n\n private _setRadiosName() {\n if (this._name) {\n for (const radio of this._radios) {\n radio.name = this._name;\n }\n }\n }\n\n private _setDefaultValue() {\n for (const radio of this._radios) {\n radio.toggleAttribute('checked', radio.checked);\n }\n }\n\n private _setSelectedRadio() {\n for (const radio of this._radios) {\n radio.checked = radio.value === this._value;\n }\n }\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,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=rating.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+yBAA+yB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/BAAs/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=rating.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uuBAAuuB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,86BAA86B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--default-size: var(--ig-rating-default-size, 2)}`;
2
+ export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-rating-default-size, 2)}`;
3
3
  //# sourceMappingURL=rating.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u4BAAu4B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"rating.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8hCAA8hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family);align-items:flex-start;flex-direction:column}[part=base]{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}[part~=symbols]{--symbol-size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));position:relative;display:flex;justify-content:center;align-items:center;padding:.125rem;gap:.125rem;inset-inline-start:0}[part~=label]{padding-inline-start:.25rem;height:auto;width:auto;min-height:0;min-width:0;margin:0}:host(:not(:disabled,[disabled],[readonly])) [part~=symbols]{cursor:pointer}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{cursor:initial}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family);align-items:flex-start;flex-direction:column}[part=base]{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}[part~=symbols]{position:relative;display:flex;justify-content:center;align-items:center;padding:.125rem;gap:.125rem;inset-inline-start:0}[part~=label]{padding-inline-start:.25rem;height:auto;width:auto;min-height:0;min-width:0;margin:0}:host(:not(:disabled,[disabled],[readonly])) [part~=symbols]{cursor:pointer}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{cursor:initial}`;
3
3
  //# sourceMappingURL=rating.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.base.css.js","sourceRoot":"","sources":["../../../../src/components/rating/themes/rating.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvDAAkvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family);align-items:flex-start;flex-direction:column}[part=base]{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}[part~=symbols]{--symbol-size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));position:relative;display:flex;justify-content:center;align-items:center;padding:.125rem;gap:.125rem;inset-inline-start:0}[part~=label]{padding-inline-start:.25rem;height:auto;width:auto;min-height:0;min-width:0;margin:0}:host(:not(:disabled,[disabled],[readonly])) [part~=symbols]{cursor:pointer}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{cursor:initial}`;\n"]}
1
+ {"version":3,"file":"rating.base.css.js","sourceRoot":"","sources":["../../../../src/components/rating/themes/rating.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kDAA2kD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family);align-items:flex-start;flex-direction:column}[part=base]{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}[part~=symbols]{position:relative;display:flex;justify-content:center;align-items:center;padding:.125rem;gap:.125rem;inset-inline-start:0}[part~=label]{padding-inline-start:.25rem;height:auto;width:auto;min-height:0;min-width:0;margin:0}:host(:not(:disabled,[disabled],[readonly])) [part~=symbols]{cursor:pointer}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{cursor:initial}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--symbol-full-color: var(--symbol-full-color);--symbol-empty-color: var(--symbol-empty-color)}:host,[part=base]{gap:.25rem}[part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color)}[part~=value-label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--value-label)}:host([disabled]),:host(:disabled){--symbol-full-color: var(--disabled-full-symbol-color);--symbol-empty-color: var(--disabled-empty-symbol-color);--disabled-symbol-full-filter: var(--symbol-full-filter);--disabled-symbol-empty-filter: var(--symbol-empty-filter)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-label-color)}:host([disabled]) [part~=value-label],:host(:disabled) [part~=value-label]{color:var(--disabled-label-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--symbol-size: var(--symbol-size);--symbol-full-color: var(--symbol-full-color);--symbol-empty-color: var(--symbol-empty-color)}:host,[part=base]{gap:.25rem}[part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color)}[part~=value-label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--value-label)}:host([disabled]),:host(:disabled){--disabled-symbol-full-filter: var(--symbol-full-filter);--disabled-symbol-empty-filter: var(--symbol-empty-filter)}:host([disabled]) igc-rating-symbol::part(full),:host(:disabled) igc-rating-symbol::part(full){color:var(--disabled-full-symbol-color)}:host([disabled]) igc-rating-symbol::part(empty),:host(:disabled) igc-rating-symbol::part(empty){color:var(--disabled-empty-symbol-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-label-color)}:host([disabled]) [part~=value-label],:host(:disabled) [part~=value-label]{color:var(--disabled-label-color)}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{--symbol-full-color: var(--disabled-full-symbol-color);--symbol-empty-color: var(--disabled-empty-symbol-color)}`;
3
3
  //# sourceMappingURL=rating.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.common.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/shared/rating.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iDAA+iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--symbol-full-color: var(--symbol-full-color);--symbol-empty-color: var(--symbol-empty-color)}:host,[part=base]{gap:.25rem}[part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color)}[part~=value-label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--value-label)}:host([disabled]),:host(:disabled){--symbol-full-color: var(--disabled-full-symbol-color);--symbol-empty-color: var(--disabled-empty-symbol-color);--disabled-symbol-full-filter: var(--symbol-full-filter);--disabled-symbol-empty-filter: var(--symbol-empty-filter)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-label-color)}:host([disabled]) [part~=value-label],:host(:disabled) [part~=value-label]{color:var(--disabled-label-color)}`;\n"]}
1
+ {"version":3,"file":"rating.common.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/shared/rating.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q6DAAq6D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--symbol-size: var(--symbol-size);--symbol-full-color: var(--symbol-full-color);--symbol-empty-color: var(--symbol-empty-color)}:host,[part=base]{gap:.25rem}[part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--label-color)}[part~=value-label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--value-label)}:host([disabled]),:host(:disabled){--disabled-symbol-full-filter: var(--symbol-full-filter);--disabled-symbol-empty-filter: var(--symbol-empty-filter)}:host([disabled]) igc-rating-symbol::part(full),:host(:disabled) igc-rating-symbol::part(full){color:var(--disabled-full-symbol-color)}:host([disabled]) igc-rating-symbol::part(empty),:host(:disabled) igc-rating-symbol::part(empty){color:var(--disabled-empty-symbol-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-label-color)}:host([disabled]) [part~=value-label],:host(:disabled) [part~=value-label]{color:var(--disabled-label-color)}:host([disabled]) [part~=symbols],:host(:disabled) [part~=symbols]{--symbol-full-color: var(--disabled-full-symbol-color);--symbol-empty-color: var(--disabled-empty-symbol-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}[part=base]{gap:.5rem}[part~=value-label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=label]{padding-inline-start:.125rem}[part~=symbols]{--symbol-size: max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));padding-inline-end:0}`;
2
+ export const styles = css `:host{--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}[part=base]{gap:.5rem}[part~=value-label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=label]{padding-inline-start:.125rem}[part~=symbols]{padding-inline-end:0}`;
3
3
  //# sourceMappingURL=rating.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/shared/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kyBAAkyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}[part=base]{gap:.5rem}[part~=value-label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=label]{padding-inline-start:.125rem}[part~=symbols]{--symbol-size: max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));padding-inline-end:0}`;\n"]}
1
+ {"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/shared/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ynBAAynB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;gap:.25rem}[part=base]{gap:.5rem}[part~=value-label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=label]{padding-inline-start:.125rem}[part~=symbols]{padding-inline-end:0}`;\n"]}
@@ -1,6 +1,7 @@
1
1
  import { LitElement, nothing } from 'lit';
2
2
  import type { Constructor } from '../common/mixins/constructor.js';
3
3
  import type { ResizeCallbackParams, ResizeGhostFactory, ResizeMode } from './types.js';
4
+ /** @ignore */
4
5
  export interface IgcResizeContainerComponentEventMap {
5
6
  igcResizeStart: CustomEvent<ResizeCallbackParams>;
6
7
  igcResize: CustomEvent<ResizeCallbackParams>;
@@ -1 +1 @@
1
- {"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ResizeCallbackParams,\n ResizeGhostFactory,\n ResizeMode,\n ResizeState,\n} from './types.js';\n\nexport interface IgcResizeContainerComponentEventMap {\n igcResizeStart: CustomEvent<ResizeCallbackParams>;\n igcResize: CustomEvent<ResizeCallbackParams>;\n igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\n@themes(all)\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n IgcResizeContainerComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-resize';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n }\n\n private _controller: ReturnType<typeof addResizeController>;\n\n private _mode: ResizeMode = 'immediate';\n private _ghostFactory?: ResizeGhostFactory;\n\n /** The DOM container doing the actual resizing */\n private _container: Ref<HTMLElement> = createRef();\n\n /** Resize component adorners */\n private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n side: createRef(),\n corner: createRef(),\n bottom: createRef(),\n };\n\n @state()\n private _isActive = false;\n\n /**\n * Whether to always show the resize element adorners.\n */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n @property({ attribute: false })\n public set ghostFactory(value: ResizeGhostFactory) {\n this._ghostFactory = value;\n this._controller.set({ deferredFactory: this._ghostFactory });\n }\n\n public get ghostFactory(): ResizeGhostFactory | undefined {\n return this._ghostFactory;\n }\n\n /** Get/Set the mode of the resizing operation. */\n @property()\n public set mode(value: ResizeMode) {\n this._mode = value;\n this._controller.set({ mode: this._mode });\n }\n\n public get mode(): ResizeMode {\n return this._mode;\n }\n\n constructor() {\n super();\n\n this._controller = addResizeController(this, {\n ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n mode: this._mode,\n deferredFactory: this._ghostFactory,\n start: this._handleResizeStart,\n resize: this._handleResize,\n end: this._handleResizeEnd,\n cancel: this._handleResizeCancel,\n resizeTarget: () => this._container.value!,\n });\n }\n\n protected override createRenderRoot(): HTMLElement | DocumentFragment {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private _updateResizingState(params: ResizeCallbackParams): void {\n const { initial, current, trigger } = params.state;\n const { side, bottom } = this._adorners;\n\n if (trigger === side.value) {\n current.height = initial.height;\n } else if (trigger === bottom.value) {\n current.width = initial.width;\n }\n }\n\n private _handlePointerEnter(): void {\n this._isActive = true;\n }\n\n private _handlePointerLeave(): void {\n this._isActive = false;\n }\n\n private _handleResizeStart(params: ResizeCallbackParams) {\n params.event.preventDefault();\n\n return this.emitEvent('igcResizeStart', {\n bubbles: false,\n cancelable: true,\n detail: params,\n });\n }\n\n private _handleResize(params: ResizeCallbackParams): void {\n this._updateResizingState(params);\n this.emitEvent('igcResize', { bubbles: false, detail: params });\n }\n\n private _handleResizeEnd(params: ResizeCallbackParams): void {\n this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n }\n\n private _handleResizeCancel({ initial }: ResizeState): void {\n this._controller.dispose();\n\n if (this.mode !== 'deferred') {\n Object.assign(this._container.value!.style, {\n width: `${initial.width}px`,\n height: `${initial.height}px`,\n });\n }\n\n this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n }\n\n protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n return html`\n <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n </slot>\n `;\n }\n\n protected _renderAdorners() {\n if (!this._isActive && !this.active) {\n return nothing;\n }\n\n return html`\n ${this._renderAdorner('side', 'trigger-side')}\n ${this._renderAdorner('corner', 'trigger')}\n ${this._renderAdorner('bottom', 'trigger-bottom')}\n `;\n }\n\n protected override render() {\n const parts = partNameMap({\n 'resize-base': true,\n active: this._isActive || this.active,\n });\n\n return html`\n <div\n ${ref(this._container)}\n part=${parts}\n @pointerenter=${this.active ? nothing : this._handlePointerEnter}\n @pointerleave=${this.active ? nothing : this._handlePointerLeave}\n >\n <slot></slot>\n ${this._renderAdorners()}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-resize': IgcResizeContainerComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ResizeCallbackParams,\n ResizeGhostFactory,\n ResizeMode,\n ResizeState,\n} from './types.js';\n\n/** @ignore */\nexport interface IgcResizeContainerComponentEventMap {\n igcResizeStart: CustomEvent<ResizeCallbackParams>;\n igcResize: CustomEvent<ResizeCallbackParams>;\n igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\n@themes(all)\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n IgcResizeContainerComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-resize';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n }\n\n private _controller: ReturnType<typeof addResizeController>;\n\n private _mode: ResizeMode = 'immediate';\n private _ghostFactory?: ResizeGhostFactory;\n\n /** The DOM container doing the actual resizing */\n private _container: Ref<HTMLElement> = createRef();\n\n /** Resize component adorners */\n private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n side: createRef(),\n corner: createRef(),\n bottom: createRef(),\n };\n\n @state()\n private _isActive = false;\n\n /**\n * Whether to always show the resize element adorners.\n */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n @property({ attribute: false })\n public set ghostFactory(value: ResizeGhostFactory) {\n this._ghostFactory = value;\n this._controller.set({ deferredFactory: this._ghostFactory });\n }\n\n public get ghostFactory(): ResizeGhostFactory | undefined {\n return this._ghostFactory;\n }\n\n /** Get/Set the mode of the resizing operation. */\n @property()\n public set mode(value: ResizeMode) {\n this._mode = value;\n this._controller.set({ mode: this._mode });\n }\n\n public get mode(): ResizeMode {\n return this._mode;\n }\n\n constructor() {\n super();\n\n this._controller = addResizeController(this, {\n ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n mode: this._mode,\n deferredFactory: this._ghostFactory,\n start: this._handleResizeStart,\n resize: this._handleResize,\n end: this._handleResizeEnd,\n cancel: this._handleResizeCancel,\n resizeTarget: () => this._container.value!,\n });\n }\n\n protected override createRenderRoot(): HTMLElement | DocumentFragment {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n private _updateResizingState(params: ResizeCallbackParams): void {\n const { initial, current, trigger } = params.state;\n const { side, bottom } = this._adorners;\n\n if (trigger === side.value) {\n current.height = initial.height;\n } else if (trigger === bottom.value) {\n current.width = initial.width;\n }\n }\n\n private _handlePointerEnter(): void {\n this._isActive = true;\n }\n\n private _handlePointerLeave(): void {\n this._isActive = false;\n }\n\n private _handleResizeStart(params: ResizeCallbackParams) {\n params.event.preventDefault();\n\n return this.emitEvent('igcResizeStart', {\n bubbles: false,\n cancelable: true,\n detail: params,\n });\n }\n\n private _handleResize(params: ResizeCallbackParams): void {\n this._updateResizingState(params);\n this.emitEvent('igcResize', { bubbles: false, detail: params });\n }\n\n private _handleResizeEnd(params: ResizeCallbackParams): void {\n this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n }\n\n private _handleResizeCancel({ initial }: ResizeState): void {\n this._controller.dispose();\n\n if (this.mode !== 'deferred') {\n Object.assign(this._container.value!.style, {\n width: `${initial.width}px`,\n height: `${initial.height}px`,\n });\n }\n\n this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n }\n\n protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n return html`\n <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n </slot>\n `;\n }\n\n protected _renderAdorners() {\n if (!this._isActive && !this.active) {\n return nothing;\n }\n\n return html`\n ${this._renderAdorner('side', 'trigger-side')}\n ${this._renderAdorner('corner', 'trigger')}\n ${this._renderAdorner('bottom', 'trigger-bottom')}\n `;\n }\n\n protected override render() {\n const parts = partNameMap({\n 'resize-base': true,\n active: this._isActive || this.active,\n });\n\n return html`\n <div\n ${ref(this._container)}\n part=${parts}\n @pointerenter=${this.active ? nothing : this._handlePointerEnter}\n @pointerleave=${this.active ? nothing : this._handlePointerLeave}\n >\n <slot></slot>\n ${this._renderAdorners()}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-resize': IgcResizeContainerComponent;\n }\n}\n"]}
@@ -3,7 +3,8 @@ import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
3
3
  import type { AbstractConstructor } from '../common/mixins/constructor.js';
4
4
  import { type FormValue } from '../common/mixins/forms/form-value.js';
5
5
  import IgcInputComponent from '../input/input.js';
6
- import { type IgcPlacement } from '../popover/popover.js';
6
+ import { type PopoverPlacement } from '../popover/popover.js';
7
+ import type { PopoverScrollStrategy } from '../types.js';
7
8
  import IgcSelectGroupComponent from './select-group.js';
8
9
  import IgcSelectItemComponent from './select-item.js';
9
10
  export interface IgcSelectComponentEventMap {
@@ -95,15 +96,14 @@ export default class IgcSelectComponent extends IgcSelectComponent_base {
95
96
  */
96
97
  placeholder: string;
97
98
  /** The preferred placement of the select dropdown around its input.
98
- * @type {'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end'}
99
99
  * @attr
100
100
  */
101
- placement: IgcPlacement;
101
+ placement: PopoverPlacement;
102
102
  /**
103
103
  * Determines the behavior of the component during scrolling of the parent container.
104
104
  * @attr scroll-strategy
105
105
  */
106
- scrollStrategy: 'scroll' | 'block' | 'close';
106
+ scrollStrategy: PopoverScrollStrategy;
107
107
  /** Returns the items of the igc-select component. */
108
108
  get items(): IgcSelectItemComponent[];
109
109
  /** Returns the groups of the igc-select component. */