igniteui-webcomponents 5.3.0 → 5.4.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (406) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +10 -5
  3. package/components/avatar/avatar.d.ts +2 -1
  4. package/components/avatar/avatar.js.map +1 -1
  5. package/components/badge/badge.d.ts +2 -2
  6. package/components/badge/badge.js.map +1 -1
  7. package/components/button/button.d.ts +2 -1
  8. package/components/button/button.js.map +1 -1
  9. package/components/button/icon-button.d.ts +2 -1
  10. package/components/button/icon-button.js.map +1 -1
  11. package/components/button-group/button-group.d.ts +3 -2
  12. package/components/button-group/button-group.js.map +1 -1
  13. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  14. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  15. package/components/calendar/base.d.ts +2 -2
  16. package/components/calendar/base.js.map +1 -1
  17. package/components/calendar/calendar.d.ts +5 -4
  18. package/components/calendar/calendar.js.map +1 -1
  19. package/components/calendar/themes/calendar.base.css.js +1 -1
  20. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  21. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  22. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  23. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  24. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  25. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  26. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  27. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  28. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  29. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  30. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  31. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  32. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  33. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  34. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  35. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  36. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  37. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  38. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  39. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  40. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  41. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  42. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  43. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  44. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  45. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  46. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  47. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  48. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  49. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  50. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  51. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  52. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  53. package/components/calendar/types.d.ts +3 -0
  54. package/components/calendar/types.js.map +1 -1
  55. package/components/card/card.actions.d.ts +2 -1
  56. package/components/card/card.actions.js.map +1 -1
  57. package/components/card/themes/card.actions.base.css.js +1 -1
  58. package/components/card/themes/card.actions.base.css.js.map +1 -1
  59. package/components/card/themes/container.js +2 -1
  60. package/components/card/themes/container.js.map +1 -1
  61. package/components/card/themes/dark/card.bootstrap.css.js +1 -1
  62. package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
  63. package/components/card/themes/dark/card.fluent.css.js +1 -1
  64. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  65. package/components/card/themes/dark/card.indigo.css.js +1 -1
  66. package/components/card/themes/dark/card.indigo.css.js.map +1 -1
  67. package/components/card/themes/dark/card.material.css.js +1 -1
  68. package/components/card/themes/dark/card.material.css.js.map +1 -1
  69. package/components/card/themes/dark/card.shared.css.js +1 -1
  70. package/components/card/themes/dark/card.shared.css.js.map +1 -1
  71. package/components/card/themes/light/container/card.bootstrap.css.js +1 -1
  72. package/components/card/themes/light/container/card.bootstrap.css.js.map +1 -1
  73. package/components/card/themes/light/container/card.fluent.css.js +1 -1
  74. package/components/card/themes/light/container/card.fluent.css.js.map +1 -1
  75. package/components/card/themes/light/container/card.indigo.css.js +1 -1
  76. package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
  77. package/components/card/themes/light/container/card.material.css.js +1 -1
  78. package/components/card/themes/light/container/card.material.css.js.map +1 -1
  79. package/components/card/themes/light/container/card.shared.css.js +1 -1
  80. package/components/card/themes/light/container/card.shared.css.js.map +1 -1
  81. package/components/card/themes/shared/container/card.bootstrap.css.d.ts +1 -0
  82. package/components/card/themes/shared/container/card.bootstrap.css.js +3 -0
  83. package/components/card/themes/shared/container/card.bootstrap.css.js.map +1 -0
  84. package/components/card/themes/shared/container/card.indigo.css.js +1 -1
  85. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
  86. package/components/card/themes/shared/content/card.content.bootstrap.css.js +1 -1
  87. package/components/card/themes/shared/content/card.content.bootstrap.css.js.map +1 -1
  88. package/components/card/themes/shared/header/card.header.bootstrap.css.js +1 -1
  89. package/components/card/themes/shared/header/card.header.bootstrap.css.js.map +1 -1
  90. package/components/card/themes/shared/header/card.header.fluent.css.js +1 -1
  91. package/components/card/themes/shared/header/card.header.fluent.css.js.map +1 -1
  92. package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
  93. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
  94. package/components/carousel/carousel-slide.d.ts +5 -1
  95. package/components/carousel/carousel-slide.js.map +1 -1
  96. package/components/carousel/carousel.d.ts +3 -2
  97. package/components/carousel/carousel.js.map +1 -1
  98. package/components/carousel/themes/dark/carousel.bootstrap.css.js +1 -1
  99. package/components/carousel/themes/dark/carousel.bootstrap.css.js.map +1 -1
  100. package/components/carousel/themes/dark/carousel.fluent.css.js +1 -1
  101. package/components/carousel/themes/dark/carousel.fluent.css.js.map +1 -1
  102. package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
  103. package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
  104. package/components/carousel/themes/dark/carousel.material.css.js +1 -1
  105. package/components/carousel/themes/dark/carousel.material.css.js.map +1 -1
  106. package/components/carousel/themes/light/carousel.bootstrap.css.js +1 -1
  107. package/components/carousel/themes/light/carousel.bootstrap.css.js.map +1 -1
  108. package/components/carousel/themes/light/carousel.fluent.css.js +1 -1
  109. package/components/carousel/themes/light/carousel.fluent.css.js.map +1 -1
  110. package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
  111. package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
  112. package/components/carousel/themes/light/carousel.material.css.js +1 -1
  113. package/components/carousel/themes/light/carousel.material.css.js.map +1 -1
  114. package/components/checkbox/checkbox-base.d.ts +6 -3
  115. package/components/checkbox/checkbox-base.js.map +1 -1
  116. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  117. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  118. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  119. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  120. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  121. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  122. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
  123. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
  124. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  125. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  126. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  127. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  128. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  129. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  130. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  131. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  132. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  133. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  134. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  135. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  136. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  137. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  138. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  139. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  140. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  141. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  142. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  143. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  144. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  145. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  146. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  147. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  148. package/components/checkbox/themes/light/switch/switch.shared.css.js +1 -1
  149. package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -1
  150. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  151. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  152. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  153. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  154. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  155. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  156. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  157. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  158. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  159. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  160. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  161. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  162. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  163. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  164. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  165. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  166. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  167. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  168. package/components/combo/themes/dark/combo.fluent.css.js +1 -1
  169. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
  170. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  171. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  172. package/components/combo/themes/dark/combo.material.css.js +1 -1
  173. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  174. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  175. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  176. package/components/combo/themes/light/combo.fluent.css.js +1 -1
  177. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  178. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  179. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  180. package/components/combo/themes/light/combo.material.css.js +1 -1
  181. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  182. package/components/combo/themes/light/combo.shared.css.js +1 -1
  183. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  184. package/components/common/controllers/drag.d.ts +13 -0
  185. package/components/common/controllers/drag.js +30 -4
  186. package/components/common/controllers/drag.js.map +1 -1
  187. package/components/common/controllers/root-scroll.d.ts +2 -1
  188. package/components/common/controllers/root-scroll.js.map +1 -1
  189. package/components/common/mixins/alert.d.ts +2 -1
  190. package/components/common/mixins/alert.js.map +1 -1
  191. package/components/common/mixins/forms/associated.js +1 -1
  192. package/components/common/mixins/forms/associated.js.map +1 -1
  193. package/components/common/mixins/forms/form-value.d.ts +1 -0
  194. package/components/common/mixins/forms/form-value.js +16 -0
  195. package/components/common/mixins/forms/form-value.js.map +1 -1
  196. package/components/common/util.d.ts +4 -0
  197. package/components/common/util.js.map +1 -1
  198. package/components/date-picker/date-picker.d.ts +5 -5
  199. package/components/date-picker/date-picker.js.map +1 -1
  200. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  201. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  202. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  203. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  204. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  205. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  206. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  207. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  208. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  209. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  210. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  211. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  212. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  213. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  214. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  215. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  216. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  217. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  218. package/components/divider/divider.d.ts +2 -1
  219. package/components/divider/divider.js.map +1 -1
  220. package/components/dropdown/dropdown.d.ts +4 -4
  221. package/components/dropdown/dropdown.js.map +1 -1
  222. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  223. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  224. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  225. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  226. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  227. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  228. package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
  229. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
  230. package/components/dropdown/themes/dark/dropdown.shared.css.js +1 -1
  231. package/components/dropdown/themes/dark/dropdown.shared.css.js.map +1 -1
  232. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  233. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  234. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  235. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  236. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  237. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  238. package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
  239. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
  240. package/components/dropdown/themes/light/dropdown.shared.css.js +1 -1
  241. package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -1
  242. package/components/expansion-panel/expansion-panel.d.ts +2 -1
  243. package/components/expansion-panel/expansion-panel.js.map +1 -1
  244. package/components/file-input/file-input.d.ts +85 -0
  245. package/components/file-input/file-input.js +155 -0
  246. package/components/file-input/file-input.js.map +1 -0
  247. package/components/file-input/themes/file-input.base.css.d.ts +1 -0
  248. package/components/file-input/themes/file-input.base.css.js +3 -0
  249. package/components/file-input/themes/file-input.base.css.js.map +1 -0
  250. package/components/file-input/themes/shared/file-input.bootstrap.css.d.ts +1 -0
  251. package/components/file-input/themes/shared/file-input.bootstrap.css.js +3 -0
  252. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -0
  253. package/components/file-input/themes/shared/file-input.fluent.css.d.ts +1 -0
  254. package/components/file-input/themes/shared/file-input.fluent.css.js +3 -0
  255. package/components/file-input/themes/shared/file-input.fluent.css.js.map +1 -0
  256. package/components/file-input/themes/shared/file-input.indigo.css.d.ts +1 -0
  257. package/components/file-input/themes/shared/file-input.indigo.css.js +3 -0
  258. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -0
  259. package/components/file-input/themes/shared/file-input.material.css.d.ts +1 -0
  260. package/components/file-input/themes/shared/file-input.material.css.js +3 -0
  261. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -0
  262. package/components/file-input/themes/themes.d.ts +2 -0
  263. package/components/file-input/themes/themes.js +50 -0
  264. package/components/file-input/themes/themes.js.map +1 -0
  265. package/components/file-input/validators.d.ts +3 -0
  266. package/components/file-input/validators.js +5 -0
  267. package/components/file-input/validators.js.map +1 -0
  268. package/components/input/input-base.d.ts +3 -1
  269. package/components/input/input-base.js +6 -2
  270. package/components/input/input-base.js.map +1 -1
  271. package/components/input/input.d.ts +2 -2
  272. package/components/input/input.js.map +1 -1
  273. package/components/input/themes/dark/input.fluent.css.js +1 -1
  274. package/components/input/themes/dark/input.fluent.css.js.map +1 -1
  275. package/components/input/themes/light/input.fluent.css.js +1 -1
  276. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  277. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  278. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  279. package/components/input/themes/shared/input.material.css.js +1 -1
  280. package/components/input/themes/shared/input.material.css.js.map +1 -1
  281. package/components/mask-input/mask-input.d.ts +2 -1
  282. package/components/mask-input/mask-input.js.map +1 -1
  283. package/components/nav-drawer/nav-drawer.d.ts +2 -1
  284. package/components/nav-drawer/nav-drawer.js.map +1 -1
  285. package/components/popover/popover.d.ts +2 -2
  286. package/components/popover/popover.js.map +1 -1
  287. package/components/progress/linear-progress.d.ts +2 -1
  288. package/components/progress/linear-progress.js.map +1 -1
  289. package/components/radio/radio.d.ts +12 -3
  290. package/components/radio/radio.js +18 -0
  291. package/components/radio/radio.js.map +1 -1
  292. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  293. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  294. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  295. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  296. package/components/radio/themes/light/radio.shared.css.js +1 -1
  297. package/components/radio/themes/light/radio.shared.css.js.map +1 -1
  298. package/components/radio-group/radio-group.d.ts +2 -1
  299. package/components/radio-group/radio-group.js.map +1 -1
  300. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  301. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  302. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  303. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  304. package/components/rating/themes/light/rating.shared.css.js +1 -1
  305. package/components/rating/themes/light/rating.shared.css.js.map +1 -1
  306. package/components/rating/themes/rating.base.css.js +1 -1
  307. package/components/rating/themes/rating.base.css.js.map +1 -1
  308. package/components/rating/themes/shared/rating.common.css.js +1 -1
  309. package/components/rating/themes/shared/rating.common.css.js.map +1 -1
  310. package/components/rating/themes/shared/rating.indigo.css.js +1 -1
  311. package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
  312. package/components/resize-container/resize-container.d.ts +1 -0
  313. package/components/resize-container/resize-container.js.map +1 -1
  314. package/components/select/select.d.ts +4 -4
  315. package/components/select/select.js.map +1 -1
  316. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  317. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  318. package/components/select/themes/dark/select.fluent.css.js +1 -1
  319. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  320. package/components/select/themes/dark/select.indigo.css.js +1 -1
  321. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  322. package/components/select/themes/dark/select.material.css.js +1 -1
  323. package/components/select/themes/dark/select.material.css.js.map +1 -1
  324. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  325. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  326. package/components/select/themes/light/select.fluent.css.js +1 -1
  327. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  328. package/components/select/themes/light/select.indigo.css.js +1 -1
  329. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  330. package/components/select/themes/light/select.material.css.js +1 -1
  331. package/components/select/themes/light/select.material.css.js.map +1 -1
  332. package/components/select/themes/light/select.shared.css.js +1 -1
  333. package/components/select/themes/light/select.shared.css.js.map +1 -1
  334. package/components/slider/range-slider.d.ts +5 -3
  335. package/components/slider/range-slider.js.map +1 -1
  336. package/components/slider/slider-base.d.ts +3 -2
  337. package/components/slider/slider-base.js +1 -3
  338. package/components/slider/slider-base.js.map +1 -1
  339. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  340. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  341. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  342. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  343. package/components/snackbar/themes/dark/snackbar.fluent.css.js +1 -1
  344. package/components/snackbar/themes/dark/snackbar.fluent.css.js.map +1 -1
  345. package/components/snackbar/themes/light/snackbar.fluent.css.js +1 -1
  346. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  347. package/components/snackbar/themes/light/snackbar.shared.css.js +1 -1
  348. package/components/snackbar/themes/light/snackbar.shared.css.js.map +1 -1
  349. package/components/stepper/animations.d.ts +2 -1
  350. package/components/stepper/animations.js.map +1 -1
  351. package/components/stepper/step.d.ts +8 -3
  352. package/components/stepper/step.js.map +1 -1
  353. package/components/stepper/stepper.common.d.ts +8 -4
  354. package/components/stepper/stepper.common.js.map +1 -1
  355. package/components/stepper/stepper.d.ts +6 -5
  356. package/components/stepper/stepper.js.map +1 -1
  357. package/components/stepper/themes/step/step.base.css.js +1 -1
  358. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  359. package/components/tabs/tabs.d.ts +3 -2
  360. package/components/tabs/tabs.js.map +1 -1
  361. package/components/textarea/textarea.d.ts +2 -2
  362. package/components/textarea/textarea.js.map +1 -1
  363. package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
  364. package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
  365. package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
  366. package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
  367. package/components/tile-manager/tile-ghost-util.js +2 -0
  368. package/components/tile-manager/tile-ghost-util.js.map +1 -1
  369. package/components/tile-manager/tile-manager.js.map +1 -1
  370. package/components/tile-manager/tile.d.ts +4 -2
  371. package/components/tile-manager/tile.js +36 -17
  372. package/components/tile-manager/tile.js.map +1 -1
  373. package/components/toast/themes/dark/toast.bootstrap.css.js +1 -1
  374. package/components/toast/themes/dark/toast.bootstrap.css.js.map +1 -1
  375. package/components/toast/themes/dark/toast.fluent.css.js +1 -1
  376. package/components/toast/themes/dark/toast.fluent.css.js.map +1 -1
  377. package/components/toast/themes/dark/toast.material.css.js +1 -1
  378. package/components/toast/themes/dark/toast.material.css.js.map +1 -1
  379. package/components/toast/themes/dark/toast.shared.css.js +1 -1
  380. package/components/toast/themes/dark/toast.shared.css.js.map +1 -1
  381. package/components/toast/themes/light/toast.bootstrap.css.js +1 -1
  382. package/components/toast/themes/light/toast.bootstrap.css.js.map +1 -1
  383. package/components/toast/themes/light/toast.fluent.css.js +1 -1
  384. package/components/toast/themes/light/toast.fluent.css.js.map +1 -1
  385. package/components/toast/themes/light/toast.shared.css.js +1 -1
  386. package/components/toast/themes/light/toast.shared.css.js.map +1 -1
  387. package/components/tree/tree.common.d.ts +4 -6
  388. package/components/tree/tree.common.js.map +1 -1
  389. package/components/tree/tree.d.ts +2 -1
  390. package/components/tree/tree.js.map +1 -1
  391. package/components/tree/tree.selection.js.map +1 -1
  392. package/components/types.d.ts +30 -2
  393. package/components/types.js.map +1 -1
  394. package/custom-elements.json +2368 -516
  395. package/igniteui-webcomponents.css-data.json +1 -1
  396. package/igniteui-webcomponents.html-data.json +1 -1
  397. package/index.d.ts +14 -6
  398. package/index.js +2 -1
  399. package/index.js.map +1 -1
  400. package/package.json +2 -2
  401. package/theming/types.d.ts +2 -2
  402. package/theming/types.js.map +1 -1
  403. package/web-types.json +2 -2
  404. package/components/common/decorators/blazorTypeOverride.d.ts +0 -7
  405. package/components/common/decorators/blazorTypeOverride.js +0 -4
  406. package/components/common/decorators/blazorTypeOverride.js.map +0 -1
package/components/combo/themes/dark/combo.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-50));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-50));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-400));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-400));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-400));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-50));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-400));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-300));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-50));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-300));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-surface-500-contrast));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=combo.fluent.css.js.map
package/components/combo/themes/dark/combo.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g0GAAg0G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qoHAAqoH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-50));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-50));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-400));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-400));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-400));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-50));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-400));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-300));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-50));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-300));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-surface-500-contrast));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}
package/components/combo/themes/dark/combo.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-2));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-50));--header-text-color: var(--ig-combo-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-combo-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-combo-list-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-combo-list-focused-item-background, transparent);--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-2));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-50));--header-text-color: var(--ig-combo-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-combo-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-combo-list-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, transparent);--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=combo.indigo.css.js.map
package/components/combo/themes/dark/combo.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u3IAAu3I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-2));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-50));--header-text-color: var(--ig-combo-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-combo-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-combo-list-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-combo-list-focused-item-background, transparent);--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u3IAAu3I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-2));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-50));--header-text-color: var(--ig-combo-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-combo-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-combo-list-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, transparent);--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;\n"]}
package/components/combo/themes/dark/combo.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
2
+ export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-300));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
3
3
  //# sourceMappingURL=combo.material.css.js.map
package/components/combo/themes/dark/combo.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wzGAAwzG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqGAAqqG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-100));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-200));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-300));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-100));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
package/components/combo/themes/light/combo.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-400));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-400));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=combo.bootstrap.css.js.map
package/components/combo/themes/light/combo.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmHAAkmH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-400));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6sHAA6sH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-400));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}
package/components/combo/themes/light/combo.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-700));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-700));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=combo.fluent.css.js.map
package/components/combo/themes/light/combo.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,izGAAizG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,87GAA87G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-700));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-700));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}
package/components/combo/themes/light/combo.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=combo.indigo.css.js.map
package/components/combo/themes/light/combo.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o/HAAo/H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o/HAAo/H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}
package/components/combo/themes/light/combo.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
2
+ export const styles = css `:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
3
3
  //# sourceMappingURL=combo.material.css.js.map
package/components/combo/themes/light/combo.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mGAA0mG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u9FAAu9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
package/components/combo/themes/light/combo.shared.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--default-size: var(--ig-combo-default-size, 2)}`;
2
+ export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;
3
3
  //# sourceMappingURL=combo.shared.css.js.map
package/components/combo/themes/light/combo.shared.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iDAA2iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iDAA2iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}
package/components/common/controllers/drag.d.ts CHANGED
@@ -17,11 +17,23 @@ type State = {
17
17
  x: number;
18
18
  y: number;
19
19
  };
20
+ pointerState: {
21
+ previous: {
22
+ x: number;
23
+ y: number;
24
+ };
25
+ current: {
26
+ x: number;
27
+ y: number;
28
+ };
29
+ direction: Direction;
30
+ };
20
31
  };
21
32
  type DragState = State & {
22
33
  ghost: HTMLElement | null;
23
34
  element: Element | null;
24
35
  };
36
+ type Direction = 'start' | 'end' | 'bottom' | 'top';
25
37
  type DragControllerConfiguration = {
26
38
  /** Whether the drag feature is enabled for the current host. */
27
39
  enabled?: boolean;
@@ -130,6 +142,7 @@ declare class DragController implements ReactiveController {
130
142
  private _setDragState;
131
143
  private _updateMatcher;
132
144
  private _updatePosition;
145
+ private _updatePointerState;
133
146
  private _assignPosition;
134
147
  private _createDragGhost;
135
148
  private _removeGhost;
package/components/common/controllers/drag.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { getDefaultLayer } from '../../resize-container/default-ghost.js';
2
- import { findElementFromEventPath, getRoot, roundByDPR } from '../util.js';
2
+ import { findElementFromEventPath, getRoot, isLTR, roundByDPR, } from '../util.js';
3
3
  const additionalEvents = [
4
4
  'pointermove',
5
5
  'lostpointercapture',
@@ -99,7 +99,10 @@ class DragController {
99
99
  this._setInitialState(event);
100
100
  this._createDragGhost();
101
101
  this._updatePosition(event);
102
- const parameters = { event, state: this._stateParameters };
102
+ const parameters = {
103
+ event,
104
+ state: this._stateParameters,
105
+ };
103
106
  if (this._options.start?.call(this._host, parameters) === false) {
104
107
  this.dispose();
105
108
  return;
@@ -112,8 +115,12 @@ class DragController {
112
115
  return;
113
116
  }
114
117
  this._updatePosition(event);
118
+ this._updatePointerState(event);
115
119
  this._updateMatcher(event);
116
- const parameters = { event, state: this._stateParameters };
120
+ const parameters = {
121
+ event,
122
+ state: this._stateParameters,
123
+ };
117
124
  this._options.move?.call(this._host, parameters);
118
125
  this._assignPosition(this._dragItem);
119
126
  }
@@ -145,6 +152,11 @@ class DragController {
145
152
  current: structuredClone(rect),
146
153
  position,
147
154
  offset,
155
+ pointerState: {
156
+ previous: { x: clientX, y: clientY },
157
+ current: { x: clientX, y: clientY },
158
+ direction: 'end',
159
+ },
148
160
  };
149
161
  }
150
162
  _setDragState(enabled = true) {
@@ -201,7 +213,21 @@ class DragController {
201
213
  : this._state.initial;
202
214
  const posX = this._hasSnapping ? clientX - layerX : clientX - layerX + x;
203
215
  const posY = this._hasSnapping ? clientY - layerY : clientY - layerY + y;
204
- Object.assign(this._state.position, { x: posX, y: posY });
216
+ this._state.position = { x: posX, y: posY };
217
+ }
218
+ _updatePointerState({ clientX, clientY }) {
219
+ const state = this._state.pointerState;
220
+ state.previous = { ...state.current };
221
+ state.current = { x: clientX, y: clientY };
222
+ const dx = state.current.x - state.previous.x;
223
+ const dy = state.current.y - state.previous.y;
224
+ if (Math.abs(dx) >= Math.abs(dy)) {
225
+ const swapHorizontal = isLTR(this._host) ? dx >= 0 : dx <= 0;
226
+ state.direction = swapHorizontal ? 'end' : 'start';
227
+ }
228
+ else {
229
+ state.direction = dy >= 0 ? 'bottom' : 'top';
230
+ }
205
231
  }
206
232
  _assignPosition(element) {
207
233
  element.style.transform = `translate3d(${roundByDPR(this._state.position.x)}px,${roundByDPR(this._state.position.y)}px,0)`;
package/components/common/controllers/drag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/drag.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n} from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { getDefaultLayer } from '../../resize-container/default-ghost.js';\nimport { findElementFromEventPath, getRoot, roundByDPR } from '../util.js';\n\ntype DragCallback = (parameters: DragCallbackParameters) => unknown;\ntype DragCancelCallback = (state: DragState) => unknown;\n\nexport type DragCallbackParameters = {\n event: PointerEvent;\n state: DragState;\n};\n\ntype State = {\n initial: DOMRect;\n current: DOMRect;\n position: { x: number; y: number };\n offset: { x: number; y: number };\n};\n\ntype DragState = State & {\n ghost: HTMLElement | null;\n element: Element | null;\n};\n\ntype DragControllerConfiguration = {\n /** Whether the drag feature is enabled for the current host. */\n enabled?: boolean;\n /**\n * The mode of the drag operation.\n *\n * Deferred will create a ghost element and keep the original element\n * at its place until the operation completes successfully.\n */\n mode?: 'immediate' | 'deferred';\n /**\n * Whether starting a drag operation should snap the dragged item's top left corner\n * to the cursor position.\n */\n snapToCursor?: boolean;\n /**\n * Guard function invoked during the `start` callback.\n * Returning a truthy value will stop the current drag operation.\n */\n skip?: (event: PointerEvent) => boolean;\n\n matchTarget?: (target: Element) => boolean;\n /**\n *\n */\n trigger?: () => HTMLElement;\n /**\n * Contain drag operations to the scope of the passed DOM element.\n */\n container?: Ref<HTMLElement>;\n /**\n * The DOM element that will \"host\" the ghost drag element when the controller\n * is set to **deferred**.\n *\n * @remarks\n * In **immediate** mode, this property is ignored.\n */\n layer?: () => HTMLElement;\n\n ghost?: () => HTMLElement;\n\n /** Callback invoked at the beginning of a drag operation. */\n start?: DragCallback;\n /** Callback invoked while dragging the target element. */\n move?: DragCallback;\n\n enter?: DragCallback;\n\n leave?: DragCallback;\n\n over?: DragCallback;\n\n /** Callback invoked during a drop operation. */\n end?: DragCallback;\n /** Callback invoked when a drag is cancelled */\n cancel?: DragCancelCallback;\n};\n\nconst additionalEvents = [\n 'pointermove',\n 'lostpointercapture',\n 'contextmenu',\n] as const;\n\nclass DragController implements ReactiveController {\n private _host: ReactiveControllerHost & LitElement;\n private _options: DragControllerConfiguration = {\n enabled: true,\n mode: 'deferred',\n snapToCursor: false,\n layer: getDefaultLayer,\n };\n\n private _state!: State;\n\n private _matchedElement!: Element | null;\n\n private _id = -1;\n private _hasPointerCapture = false;\n\n private _ghost: HTMLElement | null = null;\n\n /** Whether `snapToCursor` is enabled for the controller. */\n private get _hasSnapping(): boolean {\n return Boolean(this._options.snapToCursor);\n }\n\n /** Whether the current drag mode is deferred. */\n private get _isDeferred(): boolean {\n return this._options.mode === 'deferred';\n }\n\n /**\n * The source element which will capture pointer events and initiate drag mode.\n *\n * @remarks\n * By default that will be the host element itself, unless `trigger` is passed in.\n */\n private get _element(): HTMLElement {\n return this._options.trigger?.() ?? this._host;\n }\n\n /**\n * The element being dragged.\n *\n * @remarks\n * When in **deferred** mode this returns a reference to the drag ghost element,\n * otherwise it is the host element.\n */\n private get _dragItem(): HTMLElement {\n return this._isDeferred ? this._ghost! : this._host;\n }\n\n /**\n * The DOM element that will \"host\" the ghost drag element when the controller\n * is set to **deferred**.\n *\n * @remarks\n * In **immediate** mode, this property is ignored.\n */\n private get _layer(): HTMLElement {\n if (!this._isDeferred) {\n return this._host;\n }\n\n return this._options.layer?.() ?? this._host;\n }\n\n private get _stateParameters(): DragState {\n return {\n ...this._state,\n ghost: this._ghost,\n element: this._matchedElement,\n };\n }\n\n constructor(\n host: ReactiveControllerHost & LitElement,\n options?: DragControllerConfiguration\n ) {\n this._host = host;\n this._host.addController(this);\n this.set(options);\n }\n\n // #region Public API\n\n /** Whether the drag controller is enabled. */\n public get enabled(): boolean {\n return Boolean(this._options.enabled);\n }\n\n /** Updates the drag controller configuration. */\n public set(options?: DragControllerConfiguration): void {\n Object.assign(this._options, options);\n }\n\n /** Stops any drag operation and cleans up state, additional event listeners and elements. */\n public dispose(): void {\n this._matchedElement = null;\n this._removeGhost();\n this._setDragState(false);\n }\n\n /** @internal */\n public hostConnected(): void {\n this._host.addEventListener('dragstart', this);\n this._host.addEventListener('touchstart', this, { passive: false });\n this._host.addEventListener('pointerdown', this);\n }\n\n /** @internal */\n public hostDisconnected(): void {\n this._host.removeEventListener('dragstart', this);\n this._host.removeEventListener('touchstart', this);\n this._host.removeEventListener('pointerdown', this);\n this._setDragCancelListener(false);\n this._removeGhost();\n }\n\n /** @internal */\n public handleEvent(event: PointerEvent & KeyboardEvent): void {\n if (!this.enabled) {\n return;\n }\n\n switch (event.type) {\n case 'touchstart':\n case 'dragstart':\n // Prevent contextmenu default behavior during drag\n case 'contextmenu':\n event.preventDefault();\n break;\n case 'keydown':\n this._handleCancel(event);\n break;\n case 'pointerdown':\n this._handlePointerDown(event);\n break;\n case 'pointermove':\n this._handlePointerMove(event);\n break;\n case 'lostpointercapture':\n this._handlePointerEnd(event);\n break;\n }\n }\n\n // #endregion\n\n // #region Event handlers\n\n private _handlePointerDown(event: PointerEvent): void {\n if (this._shouldSkip(event)) {\n return;\n }\n\n this._setInitialState(event);\n this._createDragGhost();\n this._updatePosition(event);\n\n const parameters = { event, state: this._stateParameters };\n if (this._options.start?.call(this._host, parameters) === false) {\n this.dispose();\n return;\n }\n\n this._assignPosition(this._dragItem);\n this._setDragState();\n }\n\n private _handlePointerMove(event: PointerEvent): void {\n if (!this._hasPointerCapture) {\n return;\n }\n\n this._updatePosition(event);\n this._updateMatcher(event);\n\n const parameters = { event, state: this._stateParameters };\n this._options.move?.call(this._host, parameters);\n\n this._assignPosition(this._dragItem);\n }\n\n private _handlePointerEnd(event: PointerEvent): void {\n this._options.end?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n this.dispose();\n }\n\n private _handleCancel(event: KeyboardEvent): void {\n const key = event.key.toLowerCase();\n\n if (this._hasPointerCapture && key === 'escape') {\n // Reset state\n this._options.cancel?.call(this._host, this._stateParameters);\n }\n }\n\n // #endregion\n\n private _setDragCancelListener(enabled = true): void {\n enabled\n ? globalThis.addEventListener('keydown', this)\n : globalThis.removeEventListener('keydown', this);\n }\n\n private _setInitialState({\n pointerId,\n clientX,\n clientY,\n }: PointerEvent): void {\n const rect = this._host.getBoundingClientRect();\n const position = { x: rect.x, y: rect.y };\n const offset = { x: rect.x - clientX, y: rect.y - clientY };\n\n this._id = pointerId;\n this._state = {\n initial: rect,\n current: structuredClone(rect),\n position,\n offset,\n };\n }\n\n private _setDragState(enabled = true): void {\n this._hasPointerCapture = enabled;\n const cssValue = enabled ? 'none' : '';\n\n Object.assign(this._element.style, {\n touchAction: cssValue,\n userSelect: cssValue,\n });\n\n enabled\n ? this._element.setPointerCapture(this._id)\n : this._element.releasePointerCapture(this._id);\n\n this._setDragCancelListener(enabled);\n\n // Toggle additional events\n for (const type of additionalEvents) {\n enabled\n ? this._host.addEventListener(type, this)\n : this._host.removeEventListener(type, this);\n }\n }\n\n private _updateMatcher(event: PointerEvent) {\n if (!this._options.matchTarget) {\n return;\n }\n\n const match = getRoot(this._host)\n .elementsFromPoint(event.clientX, event.clientY)\n .find((element) => this._options.matchTarget!.call(this._host, element));\n\n if (match && !this._matchedElement) {\n this._matchedElement = match;\n this._options.enter?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n return;\n }\n\n if (!match && this._matchedElement) {\n this._options.leave?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n this._matchedElement = null;\n return;\n }\n\n if (match && match === this._matchedElement) {\n this._options.over?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n }\n }\n\n private _updatePosition({ clientX, clientY }: PointerEvent): void {\n const { x, y } = this._state.offset;\n const { x: layerX, y: layerY } = this._isDeferred\n ? this._layer.getBoundingClientRect()\n : this._state.initial;\n\n const posX = this._hasSnapping ? clientX - layerX : clientX - layerX + x;\n const posY = this._hasSnapping ? clientY - layerY : clientY - layerY + y;\n\n Object.assign(this._state.position, { x: posX, y: posY });\n }\n\n private _assignPosition(element: HTMLElement): void {\n element.style.transform = `translate3d(${roundByDPR(this._state.position.x)}px,${roundByDPR(this._state.position.y)}px,0)`;\n }\n\n private _createDragGhost(): void {\n if (!this._isDeferred) {\n return;\n }\n\n this._ghost =\n this._options.ghost?.call(this._host) ??\n createDefaultDragGhost(this._host.getBoundingClientRect());\n\n this._layer.append(this._ghost);\n }\n\n private _removeGhost(): void {\n this._ghost?.remove();\n this._ghost = null;\n }\n\n private _shouldSkip(event: PointerEvent): boolean {\n return (\n Boolean(event.button) ||\n this._options.skip?.call(this._host, event) ||\n !findElementFromEventPath((e) => e === this._element, event)\n );\n }\n}\n\nfunction createDefaultDragGhost({ x, y, width, height }: DOMRect): HTMLElement {\n const element = document.createElement('div');\n\n Object.assign(element.style, {\n position: 'absolute',\n left: `${x}px`,\n top: `${y}px`,\n width: `${width}px`,\n height: `${height}px`,\n zIndex: 1000,\n background: 'gold',\n });\n\n return element;\n}\n\n/**\n * Adds a drag and drop controller to the given host\n */\nexport function addDragController(\n host: ReactiveControllerHost & LitElement,\n options?: DragControllerConfiguration\n): DragController {\n return new DragController(host, options);\n}\n"]}
1
+ {"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/drag.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n LitElement,\n ReactiveController,\n ReactiveControllerHost,\n} from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { getDefaultLayer } from '../../resize-container/default-ghost.js';\nimport {\n findElementFromEventPath,\n getRoot,\n isLTR,\n roundByDPR,\n} from '../util.js';\n\ntype DragCallback = (parameters: DragCallbackParameters) => unknown;\ntype DragCancelCallback = (state: DragState) => unknown;\n\nexport type DragCallbackParameters = {\n event: PointerEvent;\n state: DragState;\n};\n\ntype State = {\n initial: DOMRect;\n current: DOMRect;\n position: { x: number; y: number };\n offset: { x: number; y: number };\n pointerState: {\n previous: { x: number; y: number };\n current: { x: number; y: number };\n direction: Direction;\n };\n};\n\ntype DragState = State & {\n ghost: HTMLElement | null;\n element: Element | null;\n};\n\ntype Direction = 'start' | 'end' | 'bottom' | 'top';\n\ntype DragControllerConfiguration = {\n /** Whether the drag feature is enabled for the current host. */\n enabled?: boolean;\n /**\n * The mode of the drag operation.\n *\n * Deferred will create a ghost element and keep the original element\n * at its place until the operation completes successfully.\n */\n mode?: 'immediate' | 'deferred';\n /**\n * Whether starting a drag operation should snap the dragged item's top left corner\n * to the cursor position.\n */\n snapToCursor?: boolean;\n /**\n * Guard function invoked during the `start` callback.\n * Returning a truthy value will stop the current drag operation.\n */\n skip?: (event: PointerEvent) => boolean;\n\n matchTarget?: (target: Element) => boolean;\n /**\n *\n */\n trigger?: () => HTMLElement;\n /**\n * Contain drag operations to the scope of the passed DOM element.\n */\n container?: Ref<HTMLElement>;\n /**\n * The DOM element that will \"host\" the ghost drag element when the controller\n * is set to **deferred**.\n *\n * @remarks\n * In **immediate** mode, this property is ignored.\n */\n layer?: () => HTMLElement;\n\n ghost?: () => HTMLElement;\n\n /** Callback invoked at the beginning of a drag operation. */\n start?: DragCallback;\n /** Callback invoked while dragging the target element. */\n move?: DragCallback;\n\n enter?: DragCallback;\n\n leave?: DragCallback;\n\n over?: DragCallback;\n\n /** Callback invoked during a drop operation. */\n end?: DragCallback;\n /** Callback invoked when a drag is cancelled */\n cancel?: DragCancelCallback;\n};\n\nconst additionalEvents = [\n 'pointermove',\n 'lostpointercapture',\n 'contextmenu',\n] as const;\n\nclass DragController implements ReactiveController {\n private _host: ReactiveControllerHost & LitElement;\n private _options: DragControllerConfiguration = {\n enabled: true,\n mode: 'deferred',\n snapToCursor: false,\n layer: getDefaultLayer,\n };\n\n private _state!: State;\n\n private _matchedElement!: Element | null;\n\n private _id = -1;\n private _hasPointerCapture = false;\n\n private _ghost: HTMLElement | null = null;\n\n /** Whether `snapToCursor` is enabled for the controller. */\n private get _hasSnapping(): boolean {\n return Boolean(this._options.snapToCursor);\n }\n\n /** Whether the current drag mode is deferred. */\n private get _isDeferred(): boolean {\n return this._options.mode === 'deferred';\n }\n\n /**\n * The source element which will capture pointer events and initiate drag mode.\n *\n * @remarks\n * By default that will be the host element itself, unless `trigger` is passed in.\n */\n private get _element(): HTMLElement {\n return this._options.trigger?.() ?? this._host;\n }\n\n /**\n * The element being dragged.\n *\n * @remarks\n * When in **deferred** mode this returns a reference to the drag ghost element,\n * otherwise it is the host element.\n */\n private get _dragItem(): HTMLElement {\n return this._isDeferred ? this._ghost! : this._host;\n }\n\n /**\n * The DOM element that will \"host\" the ghost drag element when the controller\n * is set to **deferred**.\n *\n * @remarks\n * In **immediate** mode, this property is ignored.\n */\n private get _layer(): HTMLElement {\n if (!this._isDeferred) {\n return this._host;\n }\n\n return this._options.layer?.() ?? this._host;\n }\n\n private get _stateParameters(): DragState {\n return {\n ...this._state,\n ghost: this._ghost,\n element: this._matchedElement,\n };\n }\n\n constructor(\n host: ReactiveControllerHost & LitElement,\n options?: DragControllerConfiguration\n ) {\n this._host = host;\n this._host.addController(this);\n this.set(options);\n }\n\n // #region Public API\n\n /** Whether the drag controller is enabled. */\n public get enabled(): boolean {\n return Boolean(this._options.enabled);\n }\n\n /** Updates the drag controller configuration. */\n public set(options?: DragControllerConfiguration): void {\n Object.assign(this._options, options);\n }\n\n /** Stops any drag operation and cleans up state, additional event listeners and elements. */\n public dispose(): void {\n this._matchedElement = null;\n this._removeGhost();\n this._setDragState(false);\n }\n\n /** @internal */\n public hostConnected(): void {\n this._host.addEventListener('dragstart', this);\n this._host.addEventListener('touchstart', this, { passive: false });\n this._host.addEventListener('pointerdown', this);\n }\n\n /** @internal */\n public hostDisconnected(): void {\n this._host.removeEventListener('dragstart', this);\n this._host.removeEventListener('touchstart', this);\n this._host.removeEventListener('pointerdown', this);\n this._setDragCancelListener(false);\n this._removeGhost();\n }\n\n /** @internal */\n public handleEvent(event: PointerEvent & KeyboardEvent): void {\n if (!this.enabled) {\n return;\n }\n\n switch (event.type) {\n case 'touchstart':\n case 'dragstart':\n // Prevent contextmenu default behavior during drag\n case 'contextmenu':\n event.preventDefault();\n break;\n case 'keydown':\n this._handleCancel(event);\n break;\n case 'pointerdown':\n this._handlePointerDown(event);\n break;\n case 'pointermove':\n this._handlePointerMove(event);\n break;\n case 'lostpointercapture':\n this._handlePointerEnd(event);\n break;\n }\n }\n\n // #endregion\n\n // #region Event handlers\n\n private _handlePointerDown(event: PointerEvent): void {\n if (this._shouldSkip(event)) {\n return;\n }\n\n this._setInitialState(event);\n this._createDragGhost();\n this._updatePosition(event);\n\n const parameters = {\n event,\n state: this._stateParameters,\n };\n\n if (this._options.start?.call(this._host, parameters) === false) {\n this.dispose();\n return;\n }\n\n this._assignPosition(this._dragItem);\n this._setDragState();\n }\n\n private _handlePointerMove(event: PointerEvent): void {\n if (!this._hasPointerCapture) {\n return;\n }\n\n this._updatePosition(event);\n this._updatePointerState(event);\n this._updateMatcher(event);\n\n const parameters = {\n event,\n state: this._stateParameters,\n };\n\n this._options.move?.call(this._host, parameters);\n\n this._assignPosition(this._dragItem);\n }\n\n private _handlePointerEnd(event: PointerEvent): void {\n this._options.end?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n this.dispose();\n }\n\n private _handleCancel(event: KeyboardEvent): void {\n const key = event.key.toLowerCase();\n\n if (this._hasPointerCapture && key === 'escape') {\n // Reset state\n this._options.cancel?.call(this._host, this._stateParameters);\n }\n }\n\n // #endregion\n\n private _setDragCancelListener(enabled = true): void {\n enabled\n ? globalThis.addEventListener('keydown', this)\n : globalThis.removeEventListener('keydown', this);\n }\n\n private _setInitialState({\n pointerId,\n clientX,\n clientY,\n }: PointerEvent): void {\n const rect = this._host.getBoundingClientRect();\n const position = { x: rect.x, y: rect.y };\n const offset = { x: rect.x - clientX, y: rect.y - clientY };\n\n this._id = pointerId;\n this._state = {\n initial: rect,\n current: structuredClone(rect),\n position,\n offset,\n pointerState: {\n previous: { x: clientX, y: clientY },\n current: { x: clientX, y: clientY },\n direction: 'end',\n },\n };\n }\n\n private _setDragState(enabled = true): void {\n this._hasPointerCapture = enabled;\n const cssValue = enabled ? 'none' : '';\n\n Object.assign(this._element.style, {\n touchAction: cssValue,\n userSelect: cssValue,\n });\n\n enabled\n ? this._element.setPointerCapture(this._id)\n : this._element.releasePointerCapture(this._id);\n\n this._setDragCancelListener(enabled);\n\n // Toggle additional events\n for (const type of additionalEvents) {\n enabled\n ? this._host.addEventListener(type, this)\n : this._host.removeEventListener(type, this);\n }\n }\n\n private _updateMatcher(event: PointerEvent) {\n if (!this._options.matchTarget) {\n return;\n }\n\n const match = getRoot(this._host)\n .elementsFromPoint(event.clientX, event.clientY)\n .find((element) => this._options.matchTarget!.call(this._host, element));\n\n if (match && !this._matchedElement) {\n this._matchedElement = match;\n this._options.enter?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n return;\n }\n\n if (!match && this._matchedElement) {\n this._options.leave?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n this._matchedElement = null;\n return;\n }\n\n if (match && match === this._matchedElement) {\n this._options.over?.call(this._host, {\n event,\n state: this._stateParameters,\n });\n }\n }\n\n private _updatePosition({ clientX, clientY }: PointerEvent): void {\n const { x, y } = this._state.offset;\n const { x: layerX, y: layerY } = this._isDeferred\n ? this._layer.getBoundingClientRect()\n : this._state.initial;\n\n const posX = this._hasSnapping ? clientX - layerX : clientX - layerX + x;\n const posY = this._hasSnapping ? clientY - layerY : clientY - layerY + y;\n\n this._state.position = { x: posX, y: posY };\n }\n\n private _updatePointerState({ clientX, clientY }: PointerEvent): void {\n const state = this._state.pointerState;\n\n state.previous = { ...state.current };\n state.current = { x: clientX, y: clientY };\n\n const dx = state.current.x - state.previous.x;\n const dy = state.current.y - state.previous.y;\n\n if (Math.abs(dx) >= Math.abs(dy)) {\n const swapHorizontal = isLTR(this._host) ? dx >= 0 : dx <= 0;\n state.direction = swapHorizontal ? 'end' : 'start';\n } else {\n state.direction = dy >= 0 ? 'bottom' : 'top';\n }\n }\n\n private _assignPosition(element: HTMLElement): void {\n element.style.transform = `translate3d(${roundByDPR(this._state.position.x)}px,${roundByDPR(this._state.position.y)}px,0)`;\n }\n\n private _createDragGhost(): void {\n if (!this._isDeferred) {\n return;\n }\n\n this._ghost =\n this._options.ghost?.call(this._host) ??\n createDefaultDragGhost(this._host.getBoundingClientRect());\n\n this._layer.append(this._ghost);\n }\n\n private _removeGhost(): void {\n this._ghost?.remove();\n this._ghost = null;\n }\n\n private _shouldSkip(event: PointerEvent): boolean {\n return (\n Boolean(event.button) ||\n this._options.skip?.call(this._host, event) ||\n !findElementFromEventPath((e) => e === this._element, event)\n );\n }\n}\n\nfunction createDefaultDragGhost({ x, y, width, height }: DOMRect): HTMLElement {\n const element = document.createElement('div');\n\n Object.assign(element.style, {\n position: 'absolute',\n left: `${x}px`,\n top: `${y}px`,\n width: `${width}px`,\n height: `${height}px`,\n zIndex: 1000,\n background: 'gold',\n });\n\n return element;\n}\n\n/**\n * Adds a drag and drop controller to the given host\n */\nexport function addDragController(\n host: ReactiveControllerHost & LitElement,\n options?: DragControllerConfiguration\n): DragController {\n return new DragController(host, options);\n}\n"]}
package/components/common/controllers/root-scroll.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { ReactiveController, ReactiveControllerHost } from 'lit';
2
+ import type { PopoverScrollStrategy } from '../../types.js';
2
3
  type RootScrollControllerConfig = {
3
4
  hideCallback?: () => void;
4
5
  resetListeners?: boolean;
@@ -6,7 +7,7 @@ type RootScrollControllerConfig = {
6
7
  type RootScrollControllerHost = ReactiveControllerHost & {
7
8
  open: boolean;
8
9
  hide(): void;
9
- scrollStrategy?: 'scroll' | 'close' | 'block';
10
+ scrollStrategy?: PopoverScrollStrategy;
10
11
  };
11
12
  declare class RootScrollController implements ReactiveController {
12
13
  private readonly host;
package/components/common/controllers/root-scroll.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"root-scroll.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-scroll.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype RootScrollControllerConfig = {\n hideCallback?: () => void;\n resetListeners?: boolean;\n};\n\ntype RootScrollControllerHost = ReactiveControllerHost & {\n open: boolean;\n hide(): void;\n scrollStrategy?: 'scroll' | 'close' | 'block';\n};\n\ntype ScrollRecord = { scrollTop: number; scrollLeft: number };\n\nclass RootScrollController implements ReactiveController {\n private _cache: WeakMap<Element, ScrollRecord>;\n\n constructor(\n private readonly host: RootScrollControllerHost,\n private config?: RootScrollControllerConfig\n ) {\n this._cache = new WeakMap();\n this.host.addController(this);\n }\n\n private configureListeners() {\n this.host.open ? this.addEventListeners() : this.removeEventListeners();\n }\n\n private hide() {\n this.config?.hideCallback\n ? this.config.hideCallback.call(this.host)\n : this.host.hide();\n }\n\n private addEventListeners() {\n if (this.host.scrollStrategy !== 'scroll') {\n document.addEventListener('scroll', this, { capture: true });\n }\n }\n\n private removeEventListeners() {\n document.removeEventListener('scroll', this, { capture: true });\n this._cache = new WeakMap();\n }\n\n public handleEvent(event: Event) {\n this.host.scrollStrategy === 'close' ? this.hide() : this._block(event);\n }\n\n private _block(event: Event) {\n event.preventDefault();\n const element = event.target as Element;\n const cache = this._cache;\n\n if (!cache.has(element)) {\n cache.set(element, {\n scrollTop: element.firstElementChild?.scrollTop ?? element.scrollTop,\n scrollLeft: element.firstElementChild?.scrollLeft ?? element.scrollLeft,\n });\n }\n\n const record = cache.get(element)!;\n Object.assign(element, record);\n\n if (element.firstElementChild) {\n Object.assign(element.firstElementChild, record);\n }\n }\n\n public update(config?: RootScrollControllerConfig) {\n if (config) {\n this.config = { ...this.config, ...config };\n }\n\n if (config?.resetListeners) {\n this.removeEventListeners();\n }\n\n this.configureListeners();\n }\n\n public hostConnected() {\n this.configureListeners();\n }\n\n public hostDisconnected() {\n this.removeEventListeners();\n }\n}\n\nexport function addRootScrollHandler(\n host: RootScrollControllerHost,\n config?: RootScrollControllerConfig\n) {\n return new RootScrollController(host, config);\n}\n"]}
1
+ {"version":3,"file":"root-scroll.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-scroll.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { PopoverScrollStrategy } from '../../types.js';\n\ntype RootScrollControllerConfig = {\n hideCallback?: () => void;\n resetListeners?: boolean;\n};\n\ntype RootScrollControllerHost = ReactiveControllerHost & {\n open: boolean;\n hide(): void;\n scrollStrategy?: PopoverScrollStrategy;\n};\n\ntype ScrollRecord = { scrollTop: number; scrollLeft: number };\n\nclass RootScrollController implements ReactiveController {\n private _cache: WeakMap<Element, ScrollRecord>;\n\n constructor(\n private readonly host: RootScrollControllerHost,\n private config?: RootScrollControllerConfig\n ) {\n this._cache = new WeakMap();\n this.host.addController(this);\n }\n\n private configureListeners() {\n this.host.open ? this.addEventListeners() : this.removeEventListeners();\n }\n\n private hide() {\n this.config?.hideCallback\n ? this.config.hideCallback.call(this.host)\n : this.host.hide();\n }\n\n private addEventListeners() {\n if (this.host.scrollStrategy !== 'scroll') {\n document.addEventListener('scroll', this, { capture: true });\n }\n }\n\n private removeEventListeners() {\n document.removeEventListener('scroll', this, { capture: true });\n this._cache = new WeakMap();\n }\n\n public handleEvent(event: Event) {\n this.host.scrollStrategy === 'close' ? this.hide() : this._block(event);\n }\n\n private _block(event: Event) {\n event.preventDefault();\n const element = event.target as Element;\n const cache = this._cache;\n\n if (!cache.has(element)) {\n cache.set(element, {\n scrollTop: element.firstElementChild?.scrollTop ?? element.scrollTop,\n scrollLeft: element.firstElementChild?.scrollLeft ?? element.scrollLeft,\n });\n }\n\n const record = cache.get(element)!;\n Object.assign(element, record);\n\n if (element.firstElementChild) {\n Object.assign(element.firstElementChild, record);\n }\n }\n\n public update(config?: RootScrollControllerConfig) {\n if (config) {\n this.config = { ...this.config, ...config };\n }\n\n if (config?.resetListeners) {\n this.removeEventListeners();\n }\n\n this.configureListeners();\n }\n\n public hostConnected() {\n this.configureListeners();\n }\n\n public hostDisconnected() {\n this.removeEventListeners();\n }\n}\n\nexport function addRootScrollHandler(\n host: RootScrollControllerHost,\n config?: RootScrollControllerConfig\n) {\n return new RootScrollController(host, config);\n}\n"]}