igniteui-webcomponents 5.1.2 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (387) hide show
  1. package/CHANGELOG.md +65 -0
  2. package/components/avatar/themes/avatar.base.css.js +1 -1
  3. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  5. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  6. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  7. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  8. package/components/avatar/themes/light/avatar.shared.css.js +1 -1
  9. package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
  10. package/components/avatar/themes/shared/avatar.common.css.js +1 -1
  11. package/components/avatar/themes/shared/avatar.common.css.js.map +1 -1
  12. package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
  13. package/components/avatar/themes/shared/avatar.indigo.css.js.map +1 -1
  14. package/components/badge/themes/badge.base.css.js +1 -1
  15. package/components/badge/themes/badge.base.css.js.map +1 -1
  16. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  17. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  18. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  19. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  20. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  21. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  22. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  23. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  24. package/components/badge/themes/light/badge.shared.css.js +1 -1
  25. package/components/badge/themes/light/badge.shared.css.js.map +1 -1
  26. package/components/badge/themes/shared/badge.common.css.js +1 -1
  27. package/components/badge/themes/shared/badge.common.css.js.map +1 -1
  28. package/components/badge/themes/shared/badge.indigo.css.js +1 -1
  29. package/components/badge/themes/shared/badge.indigo.css.js.map +1 -1
  30. package/components/button/themes/button/button.base.css.js +1 -1
  31. package/components/button/themes/button/button.base.css.js.map +1 -1
  32. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  33. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  34. package/components/button-group/themes/button.base.css.js +1 -1
  35. package/components/button-group/themes/button.base.css.js.map +1 -1
  36. package/components/button-group/themes/group.base.css.js +1 -1
  37. package/components/button-group/themes/group.base.css.js.map +1 -1
  38. package/components/calendar/base.d.ts +7 -7
  39. package/components/calendar/base.js +23 -16
  40. package/components/calendar/base.js.map +1 -1
  41. package/components/calendar/calendar.js.map +1 -1
  42. package/components/calendar/helpers.d.ts +28 -3
  43. package/components/calendar/helpers.js +36 -11
  44. package/components/calendar/helpers.js.map +1 -1
  45. package/components/calendar/themes/calendar.base.css.js +1 -1
  46. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  47. package/components/card/themes/card.actions.base.css.js +1 -1
  48. package/components/card/themes/card.actions.base.css.js.map +1 -1
  49. package/components/card/themes/card.content.base.css.js +1 -1
  50. package/components/card/themes/card.content.base.css.js.map +1 -1
  51. package/components/card/themes/card.header.base.css.js +1 -1
  52. package/components/card/themes/card.header.base.css.js.map +1 -1
  53. package/components/card/themes/card.media.base.css.js +1 -1
  54. package/components/card/themes/card.media.base.css.js.map +1 -1
  55. package/components/card/themes/container.base.css.js +1 -1
  56. package/components/card/themes/container.base.css.js.map +1 -1
  57. package/components/card/themes/dark/card.fluent.css.js +1 -1
  58. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  59. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  60. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  61. package/components/carousel/themes/carousel-indicator-container.base.css.js +1 -1
  62. package/components/carousel/themes/carousel-indicator-container.base.css.js.map +1 -1
  63. package/components/carousel/themes/carousel-indicator.base.css.js +1 -1
  64. package/components/carousel/themes/carousel-indicator.base.css.js.map +1 -1
  65. package/components/carousel/themes/carousel-slide.base.css.js +1 -1
  66. package/components/carousel/themes/carousel-slide.base.css.js.map +1 -1
  67. package/components/carousel/themes/carousel.base.css.js +1 -1
  68. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  69. package/components/checkbox/checkbox-base.d.ts +3 -1
  70. package/components/checkbox/checkbox-base.js +14 -10
  71. package/components/checkbox/checkbox-base.js.map +1 -1
  72. package/components/checkbox/checkbox.js +1 -2
  73. package/components/checkbox/checkbox.js.map +1 -1
  74. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  75. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  76. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  77. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  78. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  79. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  80. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  81. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  82. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  83. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  84. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  85. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  86. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  87. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  88. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  89. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  90. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  91. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  92. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  93. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  94. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  95. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  96. package/components/checkbox/themes/switch.base.css.js +1 -1
  97. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  98. package/components/chip/themes/chip.base.css.js +1 -1
  99. package/components/chip/themes/chip.base.css.js.map +1 -1
  100. package/components/combo/combo-item.d.ts +4 -2
  101. package/components/combo/combo-item.js +19 -16
  102. package/components/combo/combo-item.js.map +1 -1
  103. package/components/combo/combo.d.ts +52 -41
  104. package/components/combo/combo.js +340 -339
  105. package/components/combo/combo.js.map +1 -1
  106. package/components/combo/controllers/data.d.ts +3 -1
  107. package/components/combo/controllers/data.js +9 -2
  108. package/components/combo/controllers/data.js.map +1 -1
  109. package/components/combo/controllers/navigation.d.ts +3 -1
  110. package/components/combo/controllers/navigation.js +4 -3
  111. package/components/combo/controllers/navigation.js.map +1 -1
  112. package/components/combo/controllers/selection.d.ts +14 -6
  113. package/components/combo/controllers/selection.js +66 -59
  114. package/components/combo/controllers/selection.js.map +1 -1
  115. package/components/combo/themes/combo-header.base.css.js +1 -1
  116. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  117. package/components/combo/themes/combo-item.base.css.js +1 -1
  118. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  119. package/components/combo/themes/combo.base.css.js +1 -1
  120. package/components/combo/themes/combo.base.css.js.map +1 -1
  121. package/components/common/mixins/alert.js.map +1 -1
  122. package/components/common/mixins/combo-box.js.map +1 -1
  123. package/components/common/mixins/forms/associated.js +41 -39
  124. package/components/common/mixins/forms/associated.js.map +1 -1
  125. package/components/common/mixins/forms/form-value.d.ts +32 -0
  126. package/components/common/mixins/forms/form-value.js +59 -0
  127. package/components/common/mixins/forms/form-value.js.map +1 -0
  128. package/components/common/mixins/forms/types.d.ts +9 -8
  129. package/components/common/mixins/forms/types.js.map +1 -1
  130. package/components/common/util.d.ts +3 -0
  131. package/components/common/util.js +13 -0
  132. package/components/common/util.js.map +1 -1
  133. package/components/common/validators.d.ts +7 -7
  134. package/components/common/validators.js +24 -17
  135. package/components/common/validators.js.map +1 -1
  136. package/components/date-picker/date-picker.d.ts +17 -14
  137. package/components/date-picker/date-picker.js +30 -20
  138. package/components/date-picker/date-picker.js.map +1 -1
  139. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  140. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  141. package/components/date-picker/validators.js +2 -2
  142. package/components/date-picker/validators.js.map +1 -1
  143. package/components/date-time-input/date-time-input.d.ts +9 -6
  144. package/components/date-time-input/date-time-input.js +33 -30
  145. package/components/date-time-input/date-time-input.js.map +1 -1
  146. package/components/date-time-input/date-util.js +2 -12
  147. package/components/date-time-input/date-util.js.map +1 -1
  148. package/components/date-time-input/validators.js +2 -2
  149. package/components/date-time-input/validators.js.map +1 -1
  150. package/components/dialog/dialog.d.ts +2 -0
  151. package/components/dialog/dialog.js +5 -1
  152. package/components/dialog/dialog.js.map +1 -1
  153. package/components/dialog/themes/dialog.base.css.js +1 -1
  154. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  155. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  156. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  157. package/components/divider/themes/divider.base.css.js +1 -1
  158. package/components/divider/themes/divider.base.css.js.map +1 -1
  159. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  160. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  161. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  162. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  163. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  164. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  165. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  166. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  167. package/components/dropdown/themes/header.js +7 -0
  168. package/components/dropdown/themes/header.js.map +1 -1
  169. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js +1 -1
  170. package/components/dropdown/themes/shared/dropdown.bootstrap.css.js.map +1 -1
  171. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js +3 -0
  172. package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map +1 -0
  173. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  174. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  175. package/components/icon/icon-state.broadcast.d.ts +1 -0
  176. package/components/icon/icon-state.broadcast.js +4 -1
  177. package/components/icon/icon-state.broadcast.js.map +1 -1
  178. package/components/icon/registry/types.d.ts +1 -0
  179. package/components/icon/registry/types.js.map +1 -1
  180. package/components/icon/themes/icon.base.css.js +1 -1
  181. package/components/icon/themes/icon.base.css.js.map +1 -1
  182. package/components/input/input-base.js +8 -2
  183. package/components/input/input-base.js.map +1 -1
  184. package/components/input/input.d.ts +21 -9
  185. package/components/input/input.js +59 -32
  186. package/components/input/input.js.map +1 -1
  187. package/components/input/themes/input.base.css.js +1 -1
  188. package/components/input/themes/input.base.css.js.map +1 -1
  189. package/components/input/themes/shared/input.common.css.js +1 -1
  190. package/components/input/themes/shared/input.common.css.js.map +1 -1
  191. package/components/input/themes/shared/input.indigo.css.js +1 -1
  192. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  193. package/components/input/themes/shared/input.material.css.js +1 -1
  194. package/components/input/themes/shared/input.material.css.js.map +1 -1
  195. package/components/list/list.d.ts +1 -1
  196. package/components/list/list.js +2 -1
  197. package/components/list/list.js.map +1 -1
  198. package/components/list/themes/container.base.css.js +1 -1
  199. package/components/list/themes/container.base.css.js.map +1 -1
  200. package/components/list/themes/container.js +2 -3
  201. package/components/list/themes/container.js.map +1 -1
  202. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  203. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  204. package/components/list/themes/dark/container/list.fluent.css.js +1 -1
  205. package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
  206. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  207. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  208. package/components/list/themes/dark/container/list.material.css.js +1 -1
  209. package/components/list/themes/dark/container/list.material.css.js.map +1 -1
  210. package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
  211. package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
  212. package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
  213. package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
  214. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  215. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  216. package/components/list/themes/dark/header/list-header.material.css.js +1 -1
  217. package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
  218. package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
  219. package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
  220. package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
  221. package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
  222. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  223. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  224. package/components/list/themes/dark/item/list-item.material.css.js +1 -1
  225. package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
  226. package/components/list/themes/item.base.css.js +1 -1
  227. package/components/list/themes/item.base.css.js.map +1 -1
  228. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  229. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  230. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  231. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  232. package/components/list/themes/light/container/list.shared.css.js +1 -1
  233. package/components/list/themes/light/container/list.shared.css.js.map +1 -1
  234. package/components/list/themes/light/header/list-header.fluent.css.js +1 -1
  235. package/components/list/themes/light/header/list-header.fluent.css.js.map +1 -1
  236. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  237. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  238. package/components/list/themes/light/item/list-item.fluent.css.js +1 -1
  239. package/components/list/themes/light/item/list-item.fluent.css.js.map +1 -1
  240. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  241. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  242. package/components/list/themes/shared/container/list.bootstrap.css.js +1 -1
  243. package/components/list/themes/shared/container/list.bootstrap.css.js.map +1 -1
  244. package/components/list/themes/shared/container/list.common.css.d.ts +1 -0
  245. package/components/list/themes/shared/container/list.common.css.js +3 -0
  246. package/components/list/themes/shared/container/list.common.css.js.map +1 -0
  247. package/components/list/themes/shared/container/list.indigo.css.js +1 -1
  248. package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
  249. package/components/list/themes/shared/item/list-item.bootstrap.css.js +1 -1
  250. package/components/list/themes/shared/item/list-item.bootstrap.css.js.map +1 -1
  251. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  252. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  253. package/components/list/themes/shared/item/list-item.fluent.css.js +1 -1
  254. package/components/list/themes/shared/item/list-item.fluent.css.js.map +1 -1
  255. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  256. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  257. package/components/mask-input/mask-input.d.ts +5 -3
  258. package/components/mask-input/mask-input.js +35 -23
  259. package/components/mask-input/mask-input.js.map +1 -1
  260. package/components/nav-drawer/themes/container.base.css.js +1 -1
  261. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  262. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  263. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  264. package/components/nav-drawer/themes/item.base.css.js +1 -1
  265. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  266. package/components/navbar/themes/navbar.base.css.js +1 -1
  267. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  268. package/components/popover/themes/light/popover.base.css.js +1 -1
  269. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  270. package/components/progress/base.d.ts +11 -12
  271. package/components/progress/base.js +59 -70
  272. package/components/progress/base.js.map +1 -1
  273. package/components/progress/circular-progress.d.ts +0 -1
  274. package/components/progress/circular-progress.js +15 -15
  275. package/components/progress/circular-progress.js.map +1 -1
  276. package/components/progress/linear-progress.js +7 -13
  277. package/components/progress/linear-progress.js.map +1 -1
  278. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  279. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  280. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  281. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  282. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  283. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  284. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
  285. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
  286. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +1 -1
  287. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -1
  288. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  289. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  290. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
  291. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
  292. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  293. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  294. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  295. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  296. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  297. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  298. package/components/radio/radio.d.ts +4 -3
  299. package/components/radio/radio.js +48 -33
  300. package/components/radio/radio.js.map +1 -1
  301. package/components/radio/themes/radio.base.css.js +1 -1
  302. package/components/radio/themes/radio.base.css.js.map +1 -1
  303. package/components/radio-group/radio-group.base.css.js +1 -1
  304. package/components/radio-group/radio-group.base.css.js.map +1 -1
  305. package/components/radio-group/radio-group.d.ts +4 -0
  306. package/components/radio-group/radio-group.js +18 -0
  307. package/components/radio-group/radio-group.js.map +1 -1
  308. package/components/rating/rating-symbol.js +2 -2
  309. package/components/rating/rating-symbol.js.map +1 -1
  310. package/components/rating/rating.d.ts +25 -17
  311. package/components/rating/rating.js +47 -43
  312. package/components/rating/rating.js.map +1 -1
  313. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  314. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  315. package/components/rating/themes/rating.base.css.js +1 -1
  316. package/components/rating/themes/rating.base.css.js.map +1 -1
  317. package/components/ripple/ripple.material.css.js +1 -1
  318. package/components/ripple/ripple.material.css.js.map +1 -1
  319. package/components/select/select.d.ts +7 -9
  320. package/components/select/select.js +29 -31
  321. package/components/select/select.js.map +1 -1
  322. package/components/select/themes/select.base.css.js +1 -1
  323. package/components/select/themes/select.base.css.js.map +1 -1
  324. package/components/slider/slider-base.d.ts +0 -1
  325. package/components/slider/slider-base.js +0 -4
  326. package/components/slider/slider-base.js.map +1 -1
  327. package/components/slider/slider.d.ts +3 -2
  328. package/components/slider/slider.js +9 -9
  329. package/components/slider/slider.js.map +1 -1
  330. package/components/slider/themes/slider.base.css.js +1 -1
  331. package/components/slider/themes/slider.base.css.js.map +1 -1
  332. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  333. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  334. package/components/stepper/step.d.ts +1 -1
  335. package/components/stepper/step.js.map +1 -1
  336. package/components/stepper/themes/step/step.base.css.js +1 -1
  337. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  338. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  339. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  340. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  341. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  342. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  343. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  344. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  345. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  346. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  347. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  348. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  349. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  350. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  351. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  352. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  353. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  354. package/components/tabs/themes/tab.base.css.js +1 -1
  355. package/components/tabs/themes/tab.base.css.js.map +1 -1
  356. package/components/tabs/themes/tabs.base.css.js +1 -1
  357. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  358. package/components/textarea/textarea.d.ts +5 -4
  359. package/components/textarea/textarea.js +15 -8
  360. package/components/textarea/textarea.js.map +1 -1
  361. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  362. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  363. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  364. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  365. package/components/textarea/themes/textarea.base.css.js +1 -1
  366. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  367. package/components/toast/themes/toast.base.css.js +1 -1
  368. package/components/toast/themes/toast.base.css.js.map +1 -1
  369. package/components/tree/themes/container.base.css.js +1 -1
  370. package/components/tree/themes/container.base.css.js.map +1 -1
  371. package/components/tree/themes/shared/item.material.css.js +1 -1
  372. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  373. package/custom-elements.json +2196 -1951
  374. package/igniteui-webcomponents.html-data.json +1 -1
  375. package/package.json +1 -1
  376. package/themes/dark/bootstrap.css +1 -1
  377. package/themes/dark/fluent.css +1 -1
  378. package/themes/dark/indigo.css +1 -1
  379. package/themes/dark/material.css +1 -1
  380. package/themes/light/bootstrap.css +1 -1
  381. package/themes/light/fluent.css +1 -1
  382. package/themes/light/indigo.css +1 -1
  383. package/themes/light/material.css +1 -1
  384. package/web-types.json +1 -1
  385. package/components/list/themes/shared/container/list.material.css.js +0 -3
  386. package/components/list/themes/shared/container/list.material.css.js.map +0 -1
  387. /package/components/{list/themes/shared/container/list.material.css.d.ts → dropdown/themes/shared/header/dropdown-header.fluent.css.d.ts} +0 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,69 @@ All notable changes to this project will be documented in this file.
4
4
  The format is based on [Keep a Changelog](http://keepachangelog.com/)
5
5
  and this project adheres to [Semantic Versioning](http://semver.org/).
6
6
 
7
+ ## [5.2.1] - 2025-01-23
8
+ ### Added
9
+ - #### Dialog
10
+ - A new `message` slot that renders text content inside the dialog component has been added. The enhancement was introduced to align the design behavior between Ignite UI for WC and Ignite UI for Angular, ensuring a consistent user experience across products. The newly added `message' slot comes with additional styling with a max-width of 40 characters. The default slot is also still available for rendering content inside the dialog without limiting the component's width.
11
+
12
+ ### Fixed
13
+ - #### List
14
+ - CSS variables are correctly consumed from internal schemas [#1538](https://github.com/IgniteUI/igniteui-webcomponents/pull/1538)
15
+ - #### Rating
16
+ - Inaccurate value calculation on selection when step is set to 1 [#1548](https://github.com/IgniteUI/igniteui-webcomponents/issues/1548)
17
+
18
+ ## [5.2.0] - 2025-01-09
19
+ ### Added
20
+ - Form-associated elements now have a `defaultValue` property (`defaultChecked` for radio buttons, checkboxes, and switches). When a form is reset, components will use this property’s value as their new value or checked state.
21
+
22
+ ### Changed
23
+ - #### Calendar
24
+ - enabled passing string values to the **value**, **values**, and **activeDate** properties [#1467](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
25
+ - #### Checkbox
26
+ - updated style implementation and improved slotted checkbox styles [#1489](https://github.com/IgniteUI/igniteui-webcomponents/pull/1489)
27
+ - #### Date-time input
28
+ - enabled passing string values to the **value**, **min**, and **max** properties [#1467](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
29
+ - #### Date picker
30
+ - enabled passing string values to the **value**, **min**, **max** and **activeDate** properties [#1467](https://github.com/IgniteUI/igniteui-webcomponents/issues/1467)
31
+ - #### List
32
+ - updated list item internal slots gaps and sizing [#1480](https://github.com/IgniteUI/igniteui-webcomponents/pull/1480)
33
+ - #### Progressbar
34
+ - the default value label animation now uses CSS counters and animations [#1492](https://github.com/IgniteUI/igniteui-webcomponents/pull/1492)
35
+ - #### Validation
36
+ - Updated validation constraints to align with the behavior of native HTML elements. For instance, the minlength attribute will now only trigger a tooShort validity state if the component contains a value.
37
+
38
+ ### Fixed
39
+ - #### Avatar
40
+ - slotted icon size [#1504](https://github.com/IgniteUI/igniteui-webcomponents/pull/1504)
41
+ - #### Badge
42
+ - aligned colors with UI kits [#1466](https://github.com/IgniteUI/igniteui-webcomponents/pull/1466)
43
+ - #### Card
44
+ - actions content alignment in vertical orientation [#1472](https://github.com/IgniteUI/igniteui-webcomponents/pull/1472)
45
+ - #### Combo
46
+ - rendering issue after Edge browser autofill behavior [#1497](https://github.com/IgniteUI/igniteui-webcomponents/issues/1497)
47
+ - #### Checkbox
48
+ - removed extra gap between the checkbox and the label [#1479](https://github.com/IgniteUI/igniteui-webcomponents/pull/1479)
49
+ - tick color in disabled state [#1528](https://github.com/IgniteUI/igniteui-webcomponents/pull/1528)
50
+ - #### Dialog
51
+ - removed vertical padding in Bootstrap theme [#1471](https://github.com/IgniteUI/igniteui-webcomponents/pull/1471)
52
+ - Fluent theme typography [#1475](https://github.com/IgniteUI/igniteui-webcomponents/pull/1475)
53
+ - #### Dropdown
54
+ - remove vertical padding in Bootstrap theme [#1471](https://github.com/IgniteUI/igniteui-webcomponents/pull/1471)
55
+ - #### Input
56
+ - input type search does not interfere with the outline variant in Material theme [#1520](https://github.com/IgniteUI/igniteui-webcomponents/pull/1520)
57
+ - step validation for numeric input [#1522](https://github.com/IgniteUI/igniteui-webcomponents/pull/1522)
58
+ - helper-text color in invalid state [#1525](https://github.com/IgniteUI/igniteui-webcomponents/pull/1525)
59
+ - #### List
60
+ - discrepancies between the list and the UI kits [#1488](https://github.com/IgniteUI/igniteui-webcomponents/pull/1488)
61
+ - #### Radio
62
+ - remove label part when there is not slotted content [#1482](https://github.com/IgniteUI/igniteui-webcomponents/pull/1482)
63
+ - #### Textarea
64
+ - label position in Material theme [#1518](https://github.com/IgniteUI/igniteui-webcomponents/pull/1518)
65
+ - helper-text color in disabled state [#1519](https://github.com/IgniteUI/igniteui-webcomponents/pull/1519)
66
+ - remove layout space for hidden content in prefix/suffix slots [#1526](https://github.com/IgniteUI/igniteui-webcomponents/pull/1526)
67
+ - #### Icon service
68
+ - reduce sync events between copies of the service in different tabs [#1532](https://github.com/IgniteUI/igniteui-webcomponents/pull/1532)
69
+
7
70
  ## [5.1.2] - 2024-11-04
8
71
  ### Added
9
72
  - Carousel component select method overload accepting index [#1457](https://github.com/IgniteUI/igniteui-webcomponents/issues/1457)
@@ -609,6 +672,8 @@ Initial release of Ignite UI Web Components
609
672
  - Ripple component
610
673
  - Switch component
611
674
 
675
+ [5.2.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.0...5.2.1
676
+ [5.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.2...5.2.0
612
677
  [5.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.1...5.1.2
613
678
  [5.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.1.0...5.1.1
614
679
  [5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.0.2...5.1.0
@@ -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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}[part=base]{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;flex-shrink:0;overflow:hidden;font-family:var(--ig-font-family)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([shape=square]) [part=base]{border-radius:0}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;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;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}[part=base]{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;flex-shrink:0;overflow:hidden;font-family:var(--ig-font-family)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([shape=square]) [part=base]{border-radius:0}`;
3
3
  //# sourceMappingURL=avatar.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22CAA22C,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}[part=base]{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;flex-shrink:0;overflow:hidden;font-family:var(--ig-font-family)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([shape=square]) [part=base]{border-radius:0}`;\n"]}
1
+ {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mgDAAmgD,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;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}[part=base]{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;flex-shrink:0;overflow:hidden;font-family:var(--ig-font-family)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([shape=square]) [part=base]{border-radius:0}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-200) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=avatar.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mWAAmW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-200) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iEAAiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=avatar.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mWAAmW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iEAAiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/0.54));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/0.96));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/0.96));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;
2
+ export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;
3
3
  //# sourceMappingURL=avatar.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6gBAA6gB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/0.54));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/0.96));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/0.96));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;\n"]}
1
+ {"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ogBAAogB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;\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))}[part=base]{color:var(--color);background:var(--background);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}:host([shape=rounded]) [part=base]{border-radius:var(--border-radius)}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 3;color:var(--icon-color)}[part=base]{color:var(--color);background:var(--background);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}:host([shape=rounded]) [part=base]{border-radius:var(--border-radius)}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
3
3
  //# sourceMappingURL=avatar.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/avatar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mYAAmY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{color:var(--color);background:var(--background);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}:host([shape=rounded]) [part=base]{border-radius:var(--border-radius)}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\n"]}
1
+ {"version":3,"file":"avatar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/avatar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kcAAkc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 3;color:var(--icon-color)}[part=base]{color:var(--color);background:var(--background);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}:host([shape=rounded]) [part=base]{border-radius:var(--border-radius)}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\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))}:host ::slotted(igc-icon){--ig-size: 1;color:var(--icon-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 1}`;
3
3
  //# sourceMappingURL=avatar.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6HAA6H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 1;color:var(--icon-color)}`;\n"]}
1
+ {"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/shared/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qGAAqG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host ::slotted(igc-icon){--ig-size: 1}`;\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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
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{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
3
3
  //# sourceMappingURL=badge.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,62EAA62E,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}
1
+ {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6tEAA6tE,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{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=badge.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gLAAgL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gZAAgZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0))}`;
2
+ export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
3
3
  //# sourceMappingURL=badge.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sEAAsE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0))}`;\n"]}
1
+ {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oKAAoK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
2
+ export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
3
3
  //# sourceMappingURL=badge.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gEAAgE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
1
+ {"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gSAAgS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0))}`;
2
+ export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
3
3
  //# sourceMappingURL=badge.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sEAAsE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0))}`;\n"]}
1
+ {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oKAAoK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;
2
+ export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;
3
3
  //# sourceMappingURL=badge.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wgBAAwgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}
1
+ {"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wgBAAwgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=base]{box-shadow:var(--elevation)}::slotted(igc-icon){color:var(--icon-color)}:host([variant=primary]) [part=base]{background:var(--background-color);color:var(--text-color)}:host([shape=square]) [part=base]{border-radius:var(--border-radius)}:host([outlined]) [part=base]{box-shadow:inset 0 0 0 .125rem var(--border-color)}`;
2
+ export const styles = css `[part=base]{box-shadow:var(--elevation);color:var(--text-color)}::slotted(igc-icon){color:var(--icon-color)}:host([variant=primary]) [part=base]{background:var(--background-color)}:host([shape=square]) [part=base]{border-radius:var(--border-radius)}:host([outlined]) [part=base]{box-shadow:inset 0 0 0 .125rem var(--border-color)}`;
3
3
  //# sourceMappingURL=badge.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.common.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/shared/badge.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4UAA4U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{box-shadow:var(--elevation)}::slotted(igc-icon){color:var(--icon-color)}:host([variant=primary]) [part=base]{background:var(--background-color);color:var(--text-color)}:host([shape=square]) [part=base]{border-radius:var(--border-radius)}:host([outlined]) [part=base]{box-shadow:inset 0 0 0 .125rem var(--border-color)}`;\n"]}
1
+ {"version":3,"file":"badge.common.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/shared/badge.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4UAA4U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{box-shadow:var(--elevation);color:var(--text-color)}::slotted(igc-icon){color:var(--icon-color)}:host([variant=primary]) [part=base]{background:var(--background-color)}:host([shape=square]) [part=base]{border-radius:var(--border-radius)}:host([outlined]) [part=base]{box-shadow:inset 0 0 0 .125rem var(--border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([variant=info]),:host([variant=success]),:host([variant=warning]),:host([variant=danger]){color:var(--text-color)}[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;
2
+ export const styles = css `[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;
3
3
  //# sourceMappingURL=badge.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/shared/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,koBAAkoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=info]),:host([variant=success]),:host([variant=warning]),:host([variant=danger]){color:var(--text-color)}[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;\n"]}
1
+ {"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/shared/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gBAA0gB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=base] ::slotted(igc-icon){--size: 0.75rem !important;--ig-icon-size: 0.75rem;--igx-icon-size: 0.75rem}`;\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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;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{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;
3
3
  //# sourceMappingURL=button.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/button/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80EAA80E,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;\n"]}
1
+ {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/button/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s+EAAs+E,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{--gap: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem));display:inline-flex;vertical-align:middle}:host ::slotted(*){display:inline-flex;align-items:center;font-size:inherit !important}:host ::slotted(igc-icon){--component-size: var(--ig-size-small) !important}[part~=base]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:1;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));gap:var(--gap);min-width:5.5rem}:host(:not([disabled])) [part~=base]:hover,:host(:not(:disabled)) [part~=base]:hover{cursor:pointer}:host(:disabled),:host([disabled]){pointer-events:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;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{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
3
3
  //# sourceMappingURL=icon-button.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/icon-button/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zDAA6zD,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;\n"]}
1
+ {"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/icon-button/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q9DAAq9D,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{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--_toggle-button-border-size: 0.0625rem;font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);font-family:var(--ig-font-family);display:flex;flex:1 0 0%;justify-content:center;align-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=toggle]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:1;border-style:solid;border-width:var(--_toggle-button-border-size);box-shadow:none;background:rgba(0,0,0,0);color:inherit;max-width:100%;transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);position:relative;z-index:0;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}:host [part~=toggle] ::slotted(*){max-width:100%}:host [part~=toggle] ::slotted(:not(igc-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:disabled),:host([disabled]){cursor:default;pointer-events:none}:host-context(:disabled),:host-context([disabled]){cursor:default;pointer-events:none}:host(:focus-visible){outline:none}[part~=toggle]:focus-visible{outline:none}:host([selected]) [part~=toggle]{z-index:1}:host(:not(:first-child)){margin-inline-start:var(--_negative-margin-horizontal, 0);margin-block-start:var(--_negative-margin-vertical, 0)}:host(:not(:first-child) :not(:last-child)) [part~=toggle]{border-radius:0}:host(:first-child) [part~=toggle]{border-start-start-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--horizontal-radius, 0);border-start-end-radius:var(--vertical-radius, 0)}:host(:last-child) [part~=toggle]{border-start-end-radius:var(--horizontal-radius, 0);border-end-end-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--vertical-radius, 0)}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;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{--_toggle-button-border-size: 0.0625rem;font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);font-family:var(--ig-font-family);display:flex;flex:1 0 0%;justify-content:center;align-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=toggle]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:1;border-style:solid;border-width:var(--_toggle-button-border-size);box-shadow:none;background:rgba(0,0,0,0);color:inherit;max-width:100%;transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);position:relative;z-index:0;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}:host [part~=toggle] ::slotted(*){max-width:100%}:host [part~=toggle] ::slotted(:not(igc-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:disabled),:host([disabled]){cursor:default;pointer-events:none}:host-context(:disabled),:host-context([disabled]){cursor:default;pointer-events:none}:host(:focus-visible){outline:none}[part~=toggle]:focus-visible{outline:none}:host([selected]) [part~=toggle]{z-index:1}:host(:not(:first-child)){margin-inline-start:var(--_negative-margin-horizontal, 0);margin-block-start:var(--_negative-margin-vertical, 0)}:host(:not(:first-child) :not(:last-child)) [part~=toggle]{border-radius:0}:host(:first-child) [part~=toggle]{border-start-start-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--horizontal-radius, 0);border-start-end-radius:var(--vertical-radius, 0)}:host(:last-child) [part~=toggle]{border-start-end-radius:var(--horizontal-radius, 0);border-end-end-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--vertical-radius, 0)}`;
3
3
  //# sourceMappingURL=button.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../src/components/button-group/themes/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3GAAs3G,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--_toggle-button-border-size: 0.0625rem;font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);font-family:var(--ig-font-family);display:flex;flex:1 0 0%;justify-content:center;align-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=toggle]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:1;border-style:solid;border-width:var(--_toggle-button-border-size);box-shadow:none;background:rgba(0,0,0,0);color:inherit;max-width:100%;transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);position:relative;z-index:0;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}:host [part~=toggle] ::slotted(*){max-width:100%}:host [part~=toggle] ::slotted(:not(igc-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:disabled),:host([disabled]){cursor:default;pointer-events:none}:host-context(:disabled),:host-context([disabled]){cursor:default;pointer-events:none}:host(:focus-visible){outline:none}[part~=toggle]:focus-visible{outline:none}:host([selected]) [part~=toggle]{z-index:1}:host(:not(:first-child)){margin-inline-start:var(--_negative-margin-horizontal, 0);margin-block-start:var(--_negative-margin-vertical, 0)}:host(:not(:first-child) :not(:last-child)) [part~=toggle]{border-radius:0}:host(:first-child) [part~=toggle]{border-start-start-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--horizontal-radius, 0);border-start-end-radius:var(--vertical-radius, 0)}:host(:last-child) [part~=toggle]{border-start-end-radius:var(--horizontal-radius, 0);border-end-end-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--vertical-radius, 0)}`;\n"]}
1
+ {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../src/components/button-group/themes/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8gHAA8gH,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{--_toggle-button-border-size: 0.0625rem;font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);font-family:var(--ig-font-family);display:flex;flex:1 0 0%;justify-content:center;align-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host [part~=toggle]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:1;border-style:solid;border-width:var(--_toggle-button-border-size);box-shadow:none;background:rgba(0,0,0,0);color:inherit;max-width:100%;transition:all 140ms cubic-bezier(0.455, 0.03, 0.515, 0.955);position:relative;z-index:0;gap:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}:host [part~=toggle] ::slotted(*){max-width:100%}:host [part~=toggle] ::slotted(:not(igc-icon)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:disabled),:host([disabled]){cursor:default;pointer-events:none}:host-context(:disabled),:host-context([disabled]){cursor:default;pointer-events:none}:host(:focus-visible){outline:none}[part~=toggle]:focus-visible{outline:none}:host([selected]) [part~=toggle]{z-index:1}:host(:not(:first-child)){margin-inline-start:var(--_negative-margin-horizontal, 0);margin-block-start:var(--_negative-margin-vertical, 0)}:host(:not(:first-child) :not(:last-child)) [part~=toggle]{border-radius:0}:host(:first-child) [part~=toggle]{border-start-start-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--horizontal-radius, 0);border-start-end-radius:var(--vertical-radius, 0)}:host(:last-child) [part~=toggle]{border-start-end-radius:var(--horizontal-radius, 0);border-end-end-radius:var(--vertical-radius, var(--horizontal-radius, 0));border-end-start-radius:var(--vertical-radius, 0)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{max-width:100%}[part~=group]{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0, 1fr)}:host(:not([alignment=vertical])){--_negative-margin-horizontal: -0.0625rem}:host(:not([alignment=vertical])) [part~=group]{grid-auto-flow:column}:host([alignment=vertical]){--_negative-margin-vertical: -0.0625rem}:host([alignment=vertical]) [part~=group]{grid-auto-flow:row}`;
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{max-width:100%}[part~=group]{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0, 1fr)}:host(:not([alignment=vertical])){--_negative-margin-horizontal: -0.0625rem}:host(:not([alignment=vertical])) [part~=group]{grid-auto-flow:column}:host([alignment=vertical]){--_negative-margin-vertical: -0.0625rem}:host([alignment=vertical]) [part~=group]{grid-auto-flow:row}`;
3
3
  //# sourceMappingURL=group.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"group.base.css.js","sourceRoot":"","sources":["../../../../src/components/button-group/themes/group.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yqCAAyqC,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);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{max-width:100%}[part~=group]{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0, 1fr)}:host(:not([alignment=vertical])){--_negative-margin-horizontal: -0.0625rem}:host(:not([alignment=vertical])) [part~=group]{grid-auto-flow:column}:host([alignment=vertical]){--_negative-margin-vertical: -0.0625rem}:host([alignment=vertical]) [part~=group]{grid-auto-flow:row}`;\n"]}
1
+ {"version":3,"file":"group.base.css.js","sourceRoot":"","sources":["../../../../src/components/button-group/themes/group.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i0CAAi0C,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{max-width:100%}[part~=group]{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0, 1fr)}:host(:not([alignment=vertical])){--_negative-margin-horizontal: -0.0625rem}:host(:not([alignment=vertical])) [part~=group]{grid-auto-flow:column}:host([alignment=vertical]){--_negative-margin-vertical: -0.0625rem}:host([alignment=vertical]) [part~=group]{grid-auto-flow:row}`;\n"]}
@@ -10,29 +10,29 @@ export declare class IgcCalendarBaseComponent extends LitElement {
10
10
  protected _rangePreviewDate?: CalendarDay;
11
11
  protected _firstDayOfWeek: number;
12
12
  protected _activeDate: CalendarDay;
13
- protected _value?: CalendarDay;
13
+ protected _value: CalendarDay | null;
14
14
  protected _values: CalendarDay[];
15
15
  protected _specialDates: DateRangeDescriptor[];
16
16
  protected _disabledDates: DateRangeDescriptor[];
17
- get value(): Date | undefined;
18
17
  /**
19
18
  * The current value of the calendar.
20
19
  * Used when selection is set to single
21
20
  *
22
21
  * @attr value
23
22
  */
24
- set value(value: Date | undefined);
25
- get values(): Date[];
23
+ set value(value: Date | string | null | undefined);
24
+ get value(): Date | null;
26
25
  /**
27
26
  * The current values of the calendar.
28
27
  * Used when selection is set to multiple of range.
29
28
  *
30
29
  * @attr values
31
30
  */
32
- set values(values: Date[]);
33
- get activeDate(): Date;
31
+ set values(values: (Date | string)[] | string | null | undefined);
32
+ get values(): Date[];
34
33
  /** Get/Set the date which is shown in view and is highlighted. By default it is the current date. */
35
- set activeDate(value: Date);
34
+ set activeDate(value: Date | string | null | undefined);
35
+ get activeDate(): Date;
36
36
  /**
37
37
  * Sets the type of selection in the component.
38
38
  * @attr selection
@@ -9,7 +9,8 @@ import { property, state } from 'lit/decorators.js';
9
9
  import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
10
10
  import { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';
11
11
  import { watch } from '../common/decorators/watch.js';
12
- import { dateFromISOString, datesFromISOStrings, getWeekDayNumber, } from './helpers.js';
12
+ import { first } from '../common/util.js';
13
+ import { convertToDate, convertToDates, getWeekDayNumber } from './helpers.js';
13
14
  import { CalendarDay } from './model.js';
14
15
  let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement {
15
16
  constructor() {
@@ -17,6 +18,7 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
17
18
  this._initialActiveDateSet = false;
18
19
  this._firstDayOfWeek = 0;
19
20
  this._activeDate = CalendarDay.today;
21
+ this._value = null;
20
22
  this._values = [];
21
23
  this._specialDates = [];
22
24
  this._disabledDates = [];
@@ -26,7 +28,7 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
26
28
  this.locale = 'en';
27
29
  }
28
30
  get _hasValues() {
29
- return this._values.length > 0;
31
+ return this._values && this._values.length > 0;
30
32
  }
31
33
  get _isSingle() {
32
34
  return this.selection === 'single';
@@ -37,25 +39,30 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
37
39
  get _isRange() {
38
40
  return this.selection === 'range';
39
41
  }
42
+ set value(value) {
43
+ const converted = convertToDate(value);
44
+ this._value = converted ? CalendarDay.from(converted) : null;
45
+ }
40
46
  get value() {
41
- return this._value ? this._value.native : undefined;
47
+ return this._value ? this._value.native : null;
42
48
  }
43
- set value(value) {
44
- this._value = value ? CalendarDay.from(value) : undefined;
49
+ set values(values) {
50
+ const converted = convertToDates(values);
51
+ this._values = converted ? converted.map((v) => CalendarDay.from(v)) : [];
45
52
  }
46
53
  get values() {
47
54
  return this._values ? this._values.map((v) => v.native) : [];
48
55
  }
49
- set values(values) {
50
- this._values = values ? values.map((v) => CalendarDay.from(v)) : [];
56
+ set activeDate(value) {
57
+ this._initialActiveDateSet = true;
58
+ const converted = convertToDate(value);
59
+ this._activeDate = converted
60
+ ? CalendarDay.from(converted)
61
+ : CalendarDay.today;
51
62
  }
52
63
  get activeDate() {
53
64
  return this._activeDate.native;
54
65
  }
55
- set activeDate(value) {
56
- this._initialActiveDateSet = true;
57
- this._activeDate = value ? CalendarDay.from(value) : CalendarDay.today;
58
- }
59
66
  set specialDates(value) {
60
67
  this._specialDates = value ?? [];
61
68
  }
@@ -73,7 +80,7 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
73
80
  }
74
81
  selectionChanged() {
75
82
  this._rangePreviewDate = undefined;
76
- this._value = undefined;
83
+ this._value = null;
77
84
  this._values = [];
78
85
  }
79
86
  firstUpdated() {
@@ -84,7 +91,7 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
84
91
  this.activeDate = this.value ?? this.activeDate;
85
92
  }
86
93
  else {
87
- this.activeDate = this.values[0] ?? this.activeDate;
94
+ this.activeDate = first(this.values) ?? this.activeDate;
88
95
  }
89
96
  }
90
97
  };
@@ -110,13 +117,13 @@ __decorate([
110
117
  state()
111
118
  ], IgcCalendarBaseComponent.prototype, "_disabledDates", void 0);
112
119
  __decorate([
113
- property({ converter: dateFromISOString })
120
+ property({ converter: convertToDate })
114
121
  ], IgcCalendarBaseComponent.prototype, "value", null);
115
122
  __decorate([
116
- property({ converter: datesFromISOStrings })
123
+ property({ converter: convertToDates })
117
124
  ], IgcCalendarBaseComponent.prototype, "values", null);
118
125
  __decorate([
119
- property({ attribute: 'active-date', converter: dateFromISOString })
126
+ property({ attribute: 'active-date', converter: convertToDate })
120
127
  ], IgcCalendarBaseComponent.prototype, "activeDate", null);
121
128
  __decorate([
122
129
  property()