igniteui-webcomponents 4.0.0-alpha → 4.0.0-alpha.3

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 (456) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.md +17 -15
  3. package/components/accordion/themes/accordion.base.css.js +2 -1
  4. package/components/accordion/themes/accordion.base.css.js.map +1 -1
  5. package/components/avatar/themes/avatar.base.css.js +15 -6
  6. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  7. package/components/avatar/themes/avatar.bootstrap.css.js +2 -1
  8. package/components/avatar/themes/avatar.bootstrap.css.js.map +1 -1
  9. package/components/badge/themes/light/badge.base.css.js +8 -0
  10. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  11. package/components/badge/themes/light/badge.bootstrap.css.js +2 -1
  12. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  13. package/components/button/icon-button.js +13 -10
  14. package/components/button/icon-button.js.map +1 -1
  15. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  16. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  17. package/components/button/themes/button/light/button.base.css.js +36 -31
  18. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  19. package/components/button/themes/button/light/button.bootstrap.css.js +6 -13
  20. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  21. package/components/button/themes/button/light/button.fluent.css.js +6 -15
  22. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  23. package/components/button/themes/button/light/button.indigo.css.js +8 -19
  24. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  25. package/components/button/themes/button/light/button.material.css.js +36 -31
  26. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  27. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  28. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  29. package/components/button/themes/icon-button/light/icon-button.base.css.js +17 -19
  30. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  31. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +9 -19
  32. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  33. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +9 -18
  34. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  35. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +9 -18
  36. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  37. package/components/button/themes/icon-button/light/icon-button.material.css.js +7 -13
  38. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  39. package/components/calendar/days-view/days-view.d.ts +2 -0
  40. package/components/calendar/days-view/days-view.js +17 -5
  41. package/components/calendar/days-view/days-view.js.map +1 -1
  42. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js +2 -1
  43. package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map +1 -1
  44. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +2 -1
  45. package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
  46. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js +2 -1
  47. package/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  48. package/components/calendar/themes/calendar.base.css.js +68 -90
  49. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  50. package/components/calendar/themes/days-view.base.css.js +2 -2
  51. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  52. package/components/calendar/themes/fluent/calendar.fluent.css.js +68 -90
  53. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  54. package/components/calendar/themes/fluent/days-view.fluent.css.js +2 -1
  55. package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
  56. package/components/calendar/themes/fluent/year-month-view.fluent.css.js +2 -1
  57. package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map +1 -1
  58. package/components/calendar/themes/year-month-view.base.css.js +2 -1
  59. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  60. package/components/card/themes/light/card.actions.bootstrap.css.js +8 -0
  61. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  62. package/components/card/themes/light/card.actions.material.css.js +8 -0
  63. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  64. package/components/card/themes/light/card.bootstrap.css.js +2 -1
  65. package/components/card/themes/light/card.bootstrap.css.js.map +1 -1
  66. package/components/card/themes/light/card.content.bootstrap.css.js +8 -0
  67. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  68. package/components/card/themes/light/card.content.indigo.css.js +8 -0
  69. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  70. package/components/card/themes/light/card.content.material.css.js +8 -0
  71. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  72. package/components/card/themes/light/card.fluent.css.js +2 -1
  73. package/components/card/themes/light/card.fluent.css.js.map +1 -1
  74. package/components/card/themes/light/card.header.bootstrap.css.js +8 -0
  75. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  76. package/components/card/themes/light/card.header.fluent.css.js +8 -0
  77. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  78. package/components/card/themes/light/card.header.indigo.css.js +8 -0
  79. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  80. package/components/card/themes/light/card.header.material.css.js +8 -0
  81. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  82. package/components/card/themes/light/card.material.css.js +8 -0
  83. package/components/card/themes/light/card.material.css.js.map +1 -1
  84. package/components/card/themes/light/card.media.material.css.js +8 -0
  85. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  86. package/components/checkbox/themes/dark/checkbox.fluent.css.js +1 -1
  87. package/components/checkbox/themes/dark/checkbox.fluent.css.js.map +1 -1
  88. package/components/checkbox/themes/dark/checkbox.indigo.css.js +1 -1
  89. package/components/checkbox/themes/dark/checkbox.indigo.css.js.map +1 -1
  90. package/components/checkbox/themes/dark/switch.fluent.css.js +1 -1
  91. package/components/checkbox/themes/dark/switch.fluent.css.js.map +1 -1
  92. package/components/checkbox/themes/dark/switch.indigo.css.js +1 -1
  93. package/components/checkbox/themes/dark/switch.indigo.css.js.map +1 -1
  94. package/components/checkbox/themes/light/checkbox.base.css.js +11 -2
  95. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  96. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +6 -4
  97. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  98. package/components/checkbox/themes/light/checkbox.fluent.css.js +2 -1
  99. package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
  100. package/components/checkbox/themes/light/checkbox.indigo.css.js +2 -1
  101. package/components/checkbox/themes/light/checkbox.indigo.css.js.map +1 -1
  102. package/components/checkbox/themes/light/checkbox.material.css.js +2 -1
  103. package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
  104. package/components/checkbox/themes/light/switch.base.css.js +8 -0
  105. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  106. package/components/checkbox/themes/light/switch.bootstrap.css.js +2 -1
  107. package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
  108. package/components/checkbox/themes/light/switch.fluent.css.js +2 -1
  109. package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
  110. package/components/checkbox/themes/light/switch.indigo.css.js +2 -1
  111. package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
  112. package/components/checkbox/themes/light/switch.material.css.js +2 -1
  113. package/components/checkbox/themes/light/switch.material.css.js.map +1 -1
  114. package/components/chip/chip.d.ts +1 -0
  115. package/components/chip/chip.js +9 -0
  116. package/components/chip/chip.js.map +1 -1
  117. package/components/chip/themes/chip.base.css.js +48 -40
  118. package/components/chip/themes/chip.base.css.js.map +1 -1
  119. package/components/chip/themes/chip.bootstrap.css.js +48 -40
  120. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  121. package/components/chip/themes/chip.fluent.css.js +48 -40
  122. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  123. package/components/chip/themes/chip.indigo.css.js +48 -40
  124. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  125. package/components/chip/themes/chip.material.css.js +48 -40
  126. package/components/chip/themes/chip.material.css.js.map +1 -1
  127. package/components/dialog/dialog.d.ts +69 -0
  128. package/components/dialog/dialog.js +168 -0
  129. package/components/dialog/dialog.js.map +1 -0
  130. package/components/dialog/themes/light/dialog.base.css.d.ts +1 -0
  131. package/components/dialog/themes/light/dialog.base.css.js +127 -0
  132. package/components/dialog/themes/light/dialog.base.css.js.map +1 -0
  133. package/components/dialog/themes/light/dialog.bootstrap.css.d.ts +1 -0
  134. package/components/dialog/themes/light/dialog.bootstrap.css.js +42 -0
  135. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -0
  136. package/components/dialog/themes/light/dialog.fluent.css.d.ts +1 -0
  137. package/components/dialog/themes/light/dialog.fluent.css.js +24 -0
  138. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -0
  139. package/components/dialog/themes/light/dialog.indigo.css.d.ts +1 -0
  140. package/components/dialog/themes/light/dialog.indigo.css.js +17 -0
  141. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -0
  142. package/components/dialog/themes/light/dialog.material.css.d.ts +1 -0
  143. package/components/dialog/themes/light/dialog.material.css.js +18 -0
  144. package/components/dialog/themes/light/dialog.material.css.js.map +1 -0
  145. package/components/dropdown/dropdown-group.d.ts +2 -2
  146. package/components/dropdown/dropdown-group.js +1 -1
  147. package/components/dropdown/dropdown-group.js.map +1 -1
  148. package/components/dropdown/dropdown-header.d.ts +1 -1
  149. package/components/dropdown/dropdown-header.js +2 -1
  150. package/components/dropdown/dropdown-header.js.map +1 -1
  151. package/components/dropdown/dropdown-item.d.ts +1 -1
  152. package/components/dropdown/dropdown-item.js.map +1 -1
  153. package/components/dropdown/dropdown.d.ts +10 -8
  154. package/components/dropdown/dropdown.js +15 -10
  155. package/components/dropdown/dropdown.js.map +1 -1
  156. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  157. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  158. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  159. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  160. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  161. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  162. package/components/dropdown/themes/light/dropdown-group.base.css.js +10 -21
  163. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  164. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +3 -13
  165. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
  166. package/components/dropdown/themes/light/dropdown-header.base.css.js +10 -0
  167. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  168. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js +2 -1
  169. package/components/dropdown/themes/light/dropdown-header.bootstrap.css.js.map +1 -1
  170. package/components/dropdown/themes/light/dropdown-header.fluent.css.d.ts +1 -0
  171. package/components/dropdown/themes/light/dropdown-header.fluent.css.js +6 -0
  172. package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +1 -0
  173. package/components/dropdown/themes/light/dropdown-item.base.css.js +15 -4
  174. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  175. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js +2 -1
  176. package/components/dropdown/themes/light/dropdown-item.bootstrap.css.js.map +1 -1
  177. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +6 -1
  178. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -1
  179. package/components/dropdown/themes/light/dropdown-item.indigo.css.js +2 -1
  180. package/components/dropdown/themes/light/dropdown-item.indigo.css.js.map +1 -1
  181. package/components/dropdown/themes/light/dropdown.base.css.js +14 -15
  182. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  183. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +2 -1
  184. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  185. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -15
  186. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  187. package/components/dropdown/themes/light/dropdown.indigo.css.js +2 -1
  188. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  189. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +10 -7
  190. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  191. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +2 -1
  192. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  193. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +2 -1
  194. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  195. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +2 -1
  196. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  197. package/components/form/form.js +4 -3
  198. package/components/form/form.js.map +1 -1
  199. package/components/icon/icon.js +3 -1
  200. package/components/icon/icon.js.map +1 -1
  201. package/components/icon/icon.material.css.js +14 -5
  202. package/components/icon/icon.material.css.js.map +1 -1
  203. package/components/input/input.d.ts +1 -0
  204. package/components/input/input.js +5 -0
  205. package/components/input/input.js.map +1 -1
  206. package/components/input/themes/dark/input.dark.indigo.css.js +1 -1
  207. package/components/input/themes/dark/input.dark.indigo.css.js.map +1 -1
  208. package/components/input/themes/dark/input.dark.material.css.js +1 -1
  209. package/components/input/themes/dark/input.dark.material.css.js.map +1 -1
  210. package/components/input/themes/light/input.base.css.js +25 -17
  211. package/components/input/themes/light/input.base.css.js.map +1 -1
  212. package/components/input/themes/light/input.bootstrap.css.js +50 -60
  213. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  214. package/components/input/themes/light/input.fluent.css.js +23 -36
  215. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  216. package/components/input/themes/light/input.indigo.css.js +3 -2
  217. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  218. package/components/input/themes/light/input.material.css.js +2 -3
  219. package/components/input/themes/light/input.material.css.js.map +1 -1
  220. package/components/list/themes/dark/list.bootstrap.css.js +1 -1
  221. package/components/list/themes/dark/list.bootstrap.css.js.map +1 -1
  222. package/components/list/themes/dark/list.fluent.css.js +1 -1
  223. package/components/list/themes/dark/list.fluent.css.js.map +1 -1
  224. package/components/list/themes/dark/list.indigo.css.js +1 -1
  225. package/components/list/themes/dark/list.indigo.css.js.map +1 -1
  226. package/components/list/themes/light/list-header.base.css.js +10 -0
  227. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  228. package/components/list/themes/light/list-header.indigo.css.js +2 -1
  229. package/components/list/themes/light/list-header.indigo.css.js.map +1 -1
  230. package/components/list/themes/light/list-item.base.css.js +14 -4
  231. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  232. package/components/list/themes/light/list-item.bootstrap.css.js +2 -1
  233. package/components/list/themes/light/list-item.bootstrap.css.js.map +1 -1
  234. package/components/list/themes/light/list-item.fluent.css.js +2 -1
  235. package/components/list/themes/light/list-item.fluent.css.js.map +1 -1
  236. package/components/list/themes/light/list-item.indigo.css.js +2 -1
  237. package/components/list/themes/light/list-item.indigo.css.js.map +1 -1
  238. package/components/list/themes/light/list.base.css.js +14 -9
  239. package/components/list/themes/light/list.base.css.js.map +1 -1
  240. package/components/list/themes/light/list.bootstrap.css.js +2 -1
  241. package/components/list/themes/light/list.bootstrap.css.js.map +1 -1
  242. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js +1 -1
  243. package/components/nav-drawer/themes/dark/nav-drawer-item.base.css.js.map +1 -1
  244. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js +1 -1
  245. package/components/nav-drawer/themes/dark/nav-drawer-item.bootstrap.css.js.map +1 -1
  246. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js +1 -1
  247. package/components/nav-drawer/themes/dark/nav-drawer-item.fluent.css.js.map +1 -1
  248. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js +1 -1
  249. package/components/nav-drawer/themes/dark/nav-drawer-item.indigo.css.js.map +1 -1
  250. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js +1 -1
  251. package/components/nav-drawer/themes/dark/nav-drawer.indigo.css.js.map +1 -1
  252. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js +2 -1
  253. package/components/nav-drawer/themes/light/fluent/nav-drawer-header-item.fluent.css.js.map +1 -1
  254. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js +2 -1
  255. package/components/nav-drawer/themes/light/fluent/nav-drawer-item.fluent.css.js.map +1 -1
  256. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js +2 -1
  257. package/components/nav-drawer/themes/light/indigo/nav-drawer-header-item.indigo.css.js.map +1 -1
  258. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js +2 -1
  259. package/components/nav-drawer/themes/light/indigo/nav-drawer-item.indigo.css.js.map +1 -1
  260. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js +2 -1
  261. package/components/nav-drawer/themes/light/indigo/nav-drawer.indigo.css.js.map +1 -1
  262. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +8 -0
  263. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  264. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +8 -0
  265. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  266. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +8 -0
  267. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  268. package/components/navbar/themes/light/navbar.base.css.js +8 -0
  269. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  270. package/components/navbar/themes/light/navbar.bootstrap.css.js +2 -1
  271. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  272. package/components/navbar/themes/light/navbar.fluent.css.js +2 -1
  273. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  274. package/components/navbar/themes/light/navbar.indigo.css.js +2 -1
  275. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  276. package/components/progress/themes/circular/circular.progress.base.css.js +8 -1
  277. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  278. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +2 -1
  279. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  280. package/components/progress/themes/circular/circular.progress.fluent.css.js +2 -1
  281. package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
  282. package/components/progress/themes/linear/linear.progress.base.css.js +8 -1
  283. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  284. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +8 -1
  285. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  286. package/components/progress/themes/linear/linear.progress.fluent.css.js +2 -1
  287. package/components/progress/themes/linear/linear.progress.fluent.css.js.map +1 -1
  288. package/components/progress/themes/linear/linear.progress.indigo.css.js +8 -0
  289. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  290. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  291. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  292. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  293. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  294. package/components/radio/themes/light/radio.base.css.js +8 -0
  295. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  296. package/components/radio/themes/light/radio.bootstrap.css.js +2 -1
  297. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  298. package/components/radio/themes/light/radio.fluent.css.js +2 -1
  299. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  300. package/components/radio/themes/light/radio.indigo.css.js +2 -1
  301. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  302. package/components/radio/themes/light/radio.material.css.js +2 -1
  303. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  304. package/components/radio-group/radio-group.base.css.js +8 -0
  305. package/components/radio-group/radio-group.base.css.js.map +1 -1
  306. package/components/rating/rating-symbol.base.css.js +9 -0
  307. package/components/rating/rating-symbol.base.css.js.map +1 -1
  308. package/components/rating/rating.base.css.js +13 -5
  309. package/components/rating/rating.base.css.js.map +1 -1
  310. package/components/rating/rating.bootstrap.css.js +2 -1
  311. package/components/rating/rating.bootstrap.css.js.map +1 -1
  312. package/components/rating/rating.d.ts +15 -5
  313. package/components/rating/rating.fluent.css.js +2 -1
  314. package/components/rating/rating.fluent.css.js.map +1 -1
  315. package/components/rating/rating.indigo.css.js +2 -1
  316. package/components/rating/rating.indigo.css.js.map +1 -1
  317. package/components/rating/rating.js +9 -5
  318. package/components/rating/rating.js.map +1 -1
  319. package/components/ripple/ripple.material.css.js +7 -0
  320. package/components/ripple/ripple.material.css.js.map +1 -1
  321. package/components/select/select-group.d.ts +31 -0
  322. package/components/select/select-group.js +69 -0
  323. package/components/select/select-group.js.map +1 -0
  324. package/components/select/select-header.d.ts +15 -0
  325. package/components/select/select-header.js +5 -0
  326. package/components/select/select-header.js.map +1 -0
  327. package/components/select/select-item.d.ts +30 -0
  328. package/components/select/select-item.js +39 -0
  329. package/components/select/select-item.js.map +1 -0
  330. package/components/select/select.d.ts +112 -0
  331. package/components/select/select.js +343 -0
  332. package/components/select/select.js.map +1 -0
  333. package/components/select/themes/dark/select.bootstrap.css.d.ts +1 -0
  334. package/components/select/themes/dark/select.bootstrap.css.js +3 -0
  335. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -0
  336. package/components/select/themes/dark/select.fluent.css.d.ts +1 -0
  337. package/components/select/themes/dark/select.fluent.css.js +3 -0
  338. package/components/select/themes/dark/select.fluent.css.js.map +1 -0
  339. package/components/select/themes/dark/select.indigo.css.d.ts +1 -0
  340. package/components/select/themes/dark/select.indigo.css.js +3 -0
  341. package/components/select/themes/dark/select.indigo.css.js.map +1 -0
  342. package/components/select/themes/dark/select.material.css.d.ts +1 -0
  343. package/components/select/themes/dark/select.material.css.js +3 -0
  344. package/components/select/themes/dark/select.material.css.js.map +1 -0
  345. package/components/select/themes/light/select.base.css.d.ts +1 -0
  346. package/components/select/themes/light/select.base.css.js +107 -0
  347. package/components/select/themes/light/select.base.css.js.map +1 -0
  348. package/components/select/themes/light/select.bootstrap.css.d.ts +1 -0
  349. package/components/select/themes/light/select.bootstrap.css.js +69 -0
  350. package/components/select/themes/light/select.bootstrap.css.js.map +1 -0
  351. package/components/select/themes/light/select.fluent.css.d.ts +1 -0
  352. package/components/select/themes/light/select.fluent.css.js +26 -0
  353. package/components/select/themes/light/select.fluent.css.js.map +1 -0
  354. package/components/select/themes/light/select.indigo.css.d.ts +1 -0
  355. package/components/select/themes/light/select.indigo.css.js +23 -0
  356. package/components/select/themes/light/select.indigo.css.js.map +1 -0
  357. package/components/select/themes/light/select.material.css.d.ts +1 -0
  358. package/components/select/themes/light/select.material.css.js +63 -0
  359. package/components/select/themes/light/select.material.css.js.map +1 -0
  360. package/components/slider/range-slider.d.ts +2 -0
  361. package/components/slider/range-slider.js +65 -0
  362. package/components/slider/range-slider.js.map +1 -1
  363. package/components/slider/slider-base.d.ts +9 -7
  364. package/components/slider/slider-base.js +16 -2
  365. package/components/slider/slider-base.js.map +1 -1
  366. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  367. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  368. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  369. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  370. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  371. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  372. package/components/slider/themes/light/slider.base.css.js +13 -5
  373. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  374. package/components/slider/themes/light/slider.bootstrap.css.js +4 -3
  375. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  376. package/components/slider/themes/light/slider.fluent.css.js +30 -11
  377. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  378. package/components/slider/themes/light/slider.indigo.css.js +6 -5
  379. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  380. package/components/slider/themes/light/slider.material.css.js +7 -6
  381. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  382. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  383. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  384. package/components/snackbar/themes/light/snackbar.base.css.js +8 -0
  385. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  386. package/components/snackbar/themes/light/snackbar.bootstrap.css.js +2 -1
  387. package/components/snackbar/themes/light/snackbar.bootstrap.css.js.map +1 -1
  388. package/components/snackbar/themes/light/snackbar.fluent.css.js +2 -1
  389. package/components/snackbar/themes/light/snackbar.fluent.css.js.map +1 -1
  390. package/components/snackbar/themes/light/snackbar.indigo.css.js +2 -1
  391. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  392. package/components/tabs/tabs.js +1 -0
  393. package/components/tabs/tabs.js.map +1 -1
  394. package/components/tabs/themes/dark/tab.dark.base.css.js +1 -1
  395. package/components/tabs/themes/dark/tab.dark.base.css.js.map +1 -1
  396. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js +1 -1
  397. package/components/tabs/themes/dark/tab.dark.bootstrap.css.js.map +1 -1
  398. package/components/tabs/themes/light/tab-panel.base.css.js +8 -0
  399. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  400. package/components/tabs/themes/light/tab.base.css.js +8 -0
  401. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  402. package/components/tabs/themes/light/tab.bootstrap.css.js +2 -1
  403. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  404. package/components/tabs/themes/light/tab.fluent.css.js +2 -1
  405. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  406. package/components/tabs/themes/light/tab.indigo.css.js +2 -1
  407. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  408. package/components/tabs/themes/light/tabs.base.css.js +8 -0
  409. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  410. package/components/tabs/themes/light/tabs.bootstrap.css.js +2 -1
  411. package/components/tabs/themes/light/tabs.bootstrap.css.js.map +1 -1
  412. package/components/tabs/themes/light/tabs.fluent.css.js +2 -1
  413. package/components/tabs/themes/light/tabs.fluent.css.js.map +1 -1
  414. package/components/tabs/themes/light/tabs.indigo.css.js +2 -1
  415. package/components/tabs/themes/light/tabs.indigo.css.js.map +1 -1
  416. package/components/toast/themes/toast.base.css.js +2 -1
  417. package/components/toast/themes/toast.base.css.js.map +1 -1
  418. package/components/toast/themes/toast.bootstrap.css.js +2 -1
  419. package/components/toast/themes/toast.bootstrap.css.js.map +1 -1
  420. package/components/toast/themes/toast.fluent.css.js +2 -1
  421. package/components/toast/themes/toast.fluent.css.js.map +1 -1
  422. package/components/toast/themes/toast.indigo.css.js +2 -1
  423. package/components/toast/themes/toast.indigo.css.js.map +1 -1
  424. package/components/toast/toast.d.ts +1 -0
  425. package/components/toast/toast.js +9 -0
  426. package/components/toast/toast.js.map +1 -1
  427. package/components/tree/themes/dark/tree-item.bootstrap.css.js +1 -1
  428. package/components/tree/themes/dark/tree-item.bootstrap.css.js.map +1 -1
  429. package/components/tree/themes/dark/tree-item.fluent.css.js +1 -1
  430. package/components/tree/themes/dark/tree-item.fluent.css.js.map +1 -1
  431. package/components/tree/themes/dark/tree-item.indigo.css.js +1 -1
  432. package/components/tree/themes/dark/tree-item.indigo.css.js.map +1 -1
  433. package/components/tree/themes/light/tree-item.base.css.js +12 -22
  434. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  435. package/components/tree/themes/light/tree-item.bootstrap.css.js +2 -1
  436. package/components/tree/themes/light/tree-item.bootstrap.css.js.map +1 -1
  437. package/components/tree/themes/light/tree-item.fluent.css.js +2 -1
  438. package/components/tree/themes/light/tree-item.fluent.css.js.map +1 -1
  439. package/components/tree/themes/light/tree-item.indigo.css.js +2 -1
  440. package/components/tree/themes/light/tree-item.indigo.css.js.map +1 -1
  441. package/components/tree/themes/light/tree.base.css.js +20 -0
  442. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  443. package/custom-elements.json +613 -14
  444. package/index.d.ts +5 -0
  445. package/index.js +5 -0
  446. package/index.js.map +1 -1
  447. package/package.json +3 -3
  448. package/themes/dark/bootstrap.css +19 -3
  449. package/themes/dark/fluent.css +56 -6
  450. package/themes/dark/indigo.css +27 -3
  451. package/themes/dark/material.css +21 -4
  452. package/themes/light/bootstrap.css +7 -3
  453. package/themes/light/fluent.css +7 -3
  454. package/themes/light/indigo.css +7 -3
  455. package/themes/light/material.css +8 -4
  456. package/vscode-html-custom-data.json +278 -10
@@ -1 +1 @@
1
- {"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorTypeOverride } from '../common/decorators/blazorTypeOverride.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './themes/light/slider.base.css.js';\nimport { styles as bootstrap } from './themes/light/slider.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/slider.fluent.css.js';\nimport { styles as indigo } from './themes/light/slider.indigo.css.js';\nimport { styles as material } from './themes/light/slider.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcSliderLabelComponent from './slider-label.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { isLTR } from '../common/util.js';\n\ndefineComponents(IgcSliderLabelComponent);\n\n@themes({ material, bootstrap, fluent, indigo })\n@blazorDeepImport\nexport class IgcSliderBaseComponent extends LitElement {\n public static override styles = styles;\n\n @query(`[part='thumb']`)\n protected thumb!: HTMLElement;\n\n @queryAssignedElements({ selector: 'igc-slider-label' })\n private labelElements!: HTMLElement[];\n\n private _lowerBound?: number;\n private _upperBound?: number;\n private _min = 0;\n private _max = 100;\n private _step = 1;\n private startValue?: number;\n private pointerCaptured = false;\n private thumbHoverTimer: any;\n protected activeThumb?: HTMLElement;\n\n @state()\n private thumbLabelsVisible = false;\n\n @state()\n private labels?: string[];\n\n public set min(value: number) {\n if (value < this.max) {\n const oldVal = this._min;\n this._min = this.labels ? 0 : value;\n this.requestUpdate('min', oldVal);\n\n if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n this.lowerBound = value;\n }\n }\n }\n\n /**\n * The minimum value of the slider scale. Defaults to 0.\n */\n @property({ type: Number })\n public get min() {\n return this._min;\n }\n\n public set max(value: number) {\n if (value > this.min) {\n const oldVal = this._max;\n this._max = this.labels ? this.labels.length - 1 : value;\n this.requestUpdate('max', oldVal);\n\n if (typeof this.upperBound === 'number' && this.upperBound > value) {\n this.upperBound = value;\n }\n }\n }\n\n /**\n * The maximum value of the slider scale. Defaults to 100.\n */\n @property({ type: Number })\n public get max() {\n return this._max;\n }\n\n public set lowerBound(value: number | undefined) {\n const oldVal = this._lowerBound;\n\n if (typeof value === 'number') {\n this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n } else {\n this._lowerBound = value;\n }\n this.requestUpdate('lowerBound', oldVal);\n }\n\n /**\n * The lower bound of the slider value. If not set, the `min` value is applied.\n */\n @property({ type: Number, attribute: 'lower-bound' })\n public get lowerBound(): number | undefined {\n return this._lowerBound;\n }\n\n public set upperBound(value: number | undefined) {\n const oldVal = this._upperBound;\n\n if (typeof value === 'number') {\n this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n } else {\n this._upperBound = value;\n }\n this.requestUpdate('upperBound', oldVal);\n }\n\n /**\n * The upper bound of the slider value. If not set, the `max` value is applied.\n */\n @property({ type: Number, attribute: 'upper-bound' })\n public get upperBound(): number | undefined {\n return this._upperBound;\n }\n\n /**\n * Disables the UI interactions of the slider.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Marks the slider track as discrete so it displays the steps.\n * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n */\n @property({ type: Boolean, attribute: 'discrete-track' })\n public discreteTrack = false;\n\n /**\n * Hides the thumb tooltip.\n */\n @property({ type: Boolean, attribute: 'hide-tooltip' })\n public hideTooltip = false;\n\n public set step(value: number) {\n const oldVal = this._step;\n this._step = this.labels ? 1 : value;\n this.requestUpdate('step', oldVal);\n }\n\n /**\n * Specifies the granularity that the value must adhere to.\n * If set to 0 no stepping is implied and any value in the range is allowed.\n */\n @property({ type: Number })\n public get step() {\n return this._step;\n }\n\n /**\n * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n */\n @property({ type: Number, attribute: 'primary-ticks' })\n public primaryTicks = 0;\n\n /**\n * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n */\n @property({ type: Number, attribute: 'secondary-ticks' })\n public secondaryTicks = 0;\n\n /**\n * Changes the orientation of the ticks.\n */\n @property({ attribute: 'tick-orientation' })\n public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n /**\n * Hides the primary tick labels.\n */\n @property({ type: Boolean, attribute: 'hide-primary-labels' })\n public hidePrimaryLabels = false;\n\n /**\n * Hides the secondary tick labels.\n */\n @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n public hideSecondaryLabels = false;\n\n /**\n * The locale used to format the thumb and tick label values in the slider.\n */\n @property()\n public locale = 'en';\n\n /**\n * String format used for the thumb and tick label values in the slider.\n */\n @property({ attribute: 'value-format' })\n public valueFormat?: string;\n\n /**\n * Number format options used for the thumb and tick label values in the slider.\n */\n @property({ attribute: false })\n public valueFormatOptions?: Intl.NumberFormatOptions;\n\n /**\n * The degrees for the rotation of the tick labels. Defaults to 0.\n */\n @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n @blazorTypeOverride('TickLabelRotation', true)\n public tickLabelRotation: 0 | 90 | -90 = 0;\n\n @watch('min', { waitUntilFirstUpdate: true })\n @watch('max', { waitUntilFirstUpdate: true })\n @watch('lowerBound', { waitUntilFirstUpdate: true })\n @watch('upperBound', { waitUntilFirstUpdate: true })\n @watch('step', { waitUntilFirstUpdate: true })\n protected constraintsChange() {\n this.normalizeValue();\n }\n\n @watch('labels')\n protected labelsChange() {\n if (this.labels) {\n this.min = 0;\n this.max = this.labels.length - 1;\n this.step = 1;\n }\n }\n\n constructor() {\n super();\n this.addEventListener('pointerdown', this.pointerDown);\n this.addEventListener('pointermove', this.pointerMove);\n this.addEventListener('lostpointercapture', this.lostPointerCapture);\n this.addEventListener('keydown', this.handleKeydown);\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.normalizeValue();\n }\n\n protected handleSlotChange() {\n this.labels =\n this.labelElements && this.labelElements.length\n ? this.labelElements.map((e) => e.textContent as string)\n : undefined;\n }\n\n /* c8 ignore next 3 */\n protected get activeValue() {\n return 0;\n }\n\n /* c8 ignore next */\n protected normalizeValue(): void {}\n\n /* c8 ignore next 3 */\n protected getTrackStyle(): StyleInfo {\n return {};\n }\n\n /* c8 ignore next 3 */\n protected updateValue(_increment: number): boolean {\n return false;\n }\n\n /* c8 ignore next 3 */\n protected renderThumbs(): TemplateResult<1> {\n return html``;\n }\n\n /* c8 ignore next */\n protected emitInputEvent() {}\n\n /* c8 ignore next */\n protected emitChangeEvent() {}\n\n private get actualMin(): number {\n return typeof this.lowerBound === 'number'\n ? (this.lowerBound as number)\n : this.min;\n }\n\n private get actualMax(): number {\n return typeof this.upperBound === 'number'\n ? (this.upperBound as number)\n : this.max;\n }\n\n protected validateValue(value: number) {\n value = this.valueInRange(value, this.actualMin, this.actualMax);\n value = this.normalizeByStep(value);\n\n return value;\n }\n\n private formatValue(value: number) {\n return this.valueFormat\n ? this.valueFormat.replace(\n '{0}',\n value.toLocaleString(this.locale, this.valueFormatOptions)\n )\n : value.toLocaleString(this.locale, this.valueFormatOptions);\n }\n\n private normalizeByStep(value: number) {\n return this.step ? value - ((value - this.actualMin) % this.step) : value;\n }\n\n protected closestHandle(_event: PointerEvent): HTMLElement {\n return this.thumb;\n }\n\n private totalTickCount() {\n const primaryTicks = this.labels\n ? this.primaryTicks > 0\n ? this.labels.length\n : 0\n : this.primaryTicks === 1\n ? 2\n : this.primaryTicks;\n\n return primaryTicks > 0\n ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n : this.secondaryTicks > 0\n ? this.secondaryTicks\n : 0;\n }\n\n private tickValue(idx: number) {\n const tickCount = this.totalTickCount();\n const labelStep =\n tickCount > 1\n ? (this.max - this.min) / (tickCount - 1)\n : this.max - this.min;\n const labelVal = labelStep * idx;\n\n return this.min + labelVal;\n }\n\n private isPrimary(idx: number) {\n return this.primaryTicks <= 0\n ? false\n : idx % (this.secondaryTicks + 1) === 0;\n }\n\n private showThumbLabels() {\n if (this.disabled || this.hideTooltip) {\n return;\n }\n\n if (this.thumbHoverTimer) {\n clearTimeout(this.thumbHoverTimer);\n this.thumbHoverTimer = null;\n }\n\n this.thumbLabelsVisible = true;\n }\n\n private hideThumbLabels() {\n if (this.pointerCaptured || !this.thumbLabelsVisible) {\n return;\n }\n\n this.thumbHoverTimer = setTimeout(() => {\n this.thumbLabelsVisible = false;\n }, 750);\n }\n\n private valueInRange(value: number, min = 0, max = 100) {\n return Math.max(Math.min(value, max), min);\n }\n\n protected valueToFraction(value: number) {\n return (value - this.min) / (this.max - this.min);\n }\n\n private calculateTrackUpdate(mouseX: number): number {\n if (!this.activeThumb) {\n return 0;\n }\n\n const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n const scale = this.getBoundingClientRect().width / (this.max - this.min);\n const change = isLTR(this)\n ? mouseX - thumbPositionX\n : thumbPositionX - mouseX;\n\n if (this.step) {\n const stepDistance = scale * this.step;\n const stepDistanceCenter = stepDistance / 2;\n\n // If the thumb scale range (slider update) is less than a half step,\n // the position stays the same.\n const scaleXPositive = Math.abs(change);\n if (scaleXPositive < stepDistanceCenter) {\n return 0;\n }\n\n return Math.round(change / stepDistance) * this.step;\n } else {\n return change / scale;\n }\n }\n\n private updateSlider(mouseX: number) {\n if (this.disabled) {\n return;\n }\n\n const increment = this.calculateTrackUpdate(mouseX);\n if (this.activeThumb && increment !== 0) {\n this.updateValue(increment);\n }\n }\n\n private pointerDown = (event: PointerEvent) => {\n const thumb = this.closestHandle(event);\n thumb.focus();\n\n this.startValue = this.activeValue;\n this.updateSlider(event.clientX);\n\n this.setPointerCapture(event.pointerId);\n this.pointerCaptured = true;\n this.showThumbLabels();\n event.preventDefault();\n };\n\n private pointerMove = (event: PointerEvent) => {\n if (this.pointerCaptured) {\n this.updateSlider(event.clientX);\n }\n };\n\n private lostPointerCapture = () => {\n this.pointerCaptured = false;\n this.hideThumbLabels();\n\n if (this.startValue! !== this.activeValue) {\n this.emitChangeEvent();\n }\n this.startValue = undefined;\n };\n\n private handleKeydown = (event: KeyboardEvent) => {\n if (this.disabled) {\n return;\n }\n\n const { key } = event;\n\n let increment = 0;\n const value = this.activeValue;\n const step = this.step ? this.step : 1;\n const ltr = isLTR(this);\n\n switch (key) {\n case 'ArrowLeft':\n increment += ltr ? -step : step;\n break;\n case 'ArrowRight':\n increment += ltr ? step : -step;\n break;\n case 'ArrowUp':\n increment = step;\n break;\n case 'ArrowDown':\n increment = -step;\n break;\n case 'Home':\n increment = this.actualMin - value;\n break;\n case 'End':\n increment = this.actualMax - value;\n break;\n case 'PageUp':\n increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n break;\n case 'PageDown':\n increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n break;\n default:\n return;\n }\n\n if (increment) {\n const updated = this.updateValue(increment);\n this.showThumbLabels();\n this.hideThumbLabels();\n\n if (updated) {\n this.emitChangeEvent();\n }\n }\n };\n\n private handleThumbPointerEnter = () => {\n this.showThumbLabels();\n };\n\n private handleThumbPointerLeave = () => {\n this.hideThumbLabels();\n };\n\n protected renderTicks() {\n const groups = [];\n for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n const isPrimary = this.isPrimary(i);\n groups.push(html`\n <div part=\"tick-group\">\n <div part=\"tick\" data-primary=${isPrimary}>\n ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n ? html``\n : html`\n <div part=\"tick-label\">\n <span part=\"tick-label-inner\">\n ${this.labels\n ? isPrimary\n ? this.labels[\n Math.round(i / (this.secondaryTicks + 1))\n ]\n : ''\n : this.formatValue(this.tickValue(i))}\n </span>\n </div>\n `}\n </div>\n </div>\n `);\n }\n return groups;\n }\n\n protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n const percent = `${this.valueToFraction(value) * 100}%`;\n\n return html`\n <div\n part=\"thumb\"\n id=${ifDefined(thumbId)}\n tabindex=${this.disabled ? -1 : 0}\n style=${styleMap({ insetInlineStart: percent })}\n role=\"slider\"\n aria-valuemin=${this.actualMin}\n aria-valuemax=${this.actualMax}\n aria-valuenow=${value}\n aria-valuetext=${ifDefined(\n this.labels\n ? this.labels[value]\n : this.valueFormat || this.valueFormatOptions\n ? this.formatValue(value)\n : undefined\n )}\n aria-label=${ifDefined(ariaLabel)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n @pointerenter=${this.handleThumbPointerEnter}\n @pointerleave=${this.handleThumbPointerLeave}\n @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n @blur=${() => (this.activeThumb = undefined)}\n ></div>\n ${this.hideTooltip\n ? html``\n : html`\n <div\n part=\"thumb-label\"\n style=${styleMap({\n opacity: this.thumbLabelsVisible ? '1' : '0',\n insetInlineStart: percent,\n })}\n >\n <div part=\"thumb-label-inner\">\n ${this.labels ? this.labels[value] : this.formatValue(value)}\n </div>\n </div>\n `}\n `;\n }\n\n private renderSteps() {\n if (!this.discreteTrack || !this.step) {\n return html``;\n }\n\n const trackRange = this.max - this.min;\n const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n return html`\n <div part=\"steps\">\n <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n <line\n x1=\"0\"\n y1=\"1\"\n x2=\"100%\"\n y2=\"1\"\n stroke=\"currentColor\"\n stroke-dasharray=\"0, calc(${interval * Math.sqrt(2)}%)\"\n stroke-linecap=\"round\"\n stroke-width=\"2px\"\n ></line>\n </svg>\n </div>\n `;\n }\n\n protected override render() {\n return html`\n <div part=\"base\">\n ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n : html``}\n <div part=\"track\">\n <div part=\"inactive\"></div>\n <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n ${this.renderSteps()}\n </div>\n ${this.tickOrientation !== 'start'\n ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n : html``}\n <div part=\"thumbs\">${this.renderThumbs()}</div>\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n `;\n }\n}\n"]}
1
+ {"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorTypeOverride } from '../common/decorators/blazorTypeOverride.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './themes/light/slider.base.css.js';\nimport { styles as bootstrap } from './themes/light/slider.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/slider.fluent.css.js';\nimport { styles as indigo } from './themes/light/slider.indigo.css.js';\nimport { styles as material } from './themes/light/slider.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcSliderLabelComponent from './slider-label.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { isLTR } from '../common/util.js';\n\ndefineComponents(IgcSliderLabelComponent);\n\n@themes({ material, bootstrap, fluent, indigo })\n@blazorDeepImport\nexport class IgcSliderBaseComponent extends LitElement {\n public static override styles = styles;\n\n @query(`[part~='thumb']`)\n protected thumb!: HTMLElement;\n\n @queryAssignedElements({ selector: 'igc-slider-label' })\n private labelElements!: HTMLElement[];\n\n private _lowerBound?: number;\n private _upperBound?: number;\n private _min = 0;\n private _max = 100;\n private _step = 1;\n private startValue?: number;\n private pointerCaptured = false;\n private thumbHoverTimer: any;\n protected activeThumb?: HTMLElement;\n\n @state()\n protected thumbLabelsVisible = false;\n\n @state()\n protected labels?: string[];\n\n public set min(value: number) {\n if (value < this.max) {\n const oldVal = this._min;\n this._min = this.labels ? 0 : value;\n this.requestUpdate('min', oldVal);\n\n if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n this.lowerBound = value;\n }\n }\n }\n\n /**\n * The minimum value of the slider scale. Defaults to 0.\n */\n @property({ type: Number })\n public get min() {\n return this._min;\n }\n\n public set max(value: number) {\n if (value > this.min) {\n const oldVal = this._max;\n this._max = this.labels ? this.labels.length - 1 : value;\n this.requestUpdate('max', oldVal);\n\n if (typeof this.upperBound === 'number' && this.upperBound > value) {\n this.upperBound = value;\n }\n }\n }\n\n /**\n * The maximum value of the slider scale. Defaults to 100.\n */\n @property({ type: Number })\n public get max() {\n return this._max;\n }\n\n public set lowerBound(value: number | undefined) {\n const oldVal = this._lowerBound;\n\n if (typeof value === 'number') {\n this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n } else {\n this._lowerBound = value;\n }\n this.requestUpdate('lowerBound', oldVal);\n }\n\n /**\n * The lower bound of the slider value. If not set, the `min` value is applied.\n */\n @property({ type: Number, attribute: 'lower-bound' })\n public get lowerBound(): number | undefined {\n return this._lowerBound;\n }\n\n public set upperBound(value: number | undefined) {\n const oldVal = this._upperBound;\n\n if (typeof value === 'number') {\n this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n } else {\n this._upperBound = value;\n }\n this.requestUpdate('upperBound', oldVal);\n }\n\n /**\n * The upper bound of the slider value. If not set, the `max` value is applied.\n */\n @property({ type: Number, attribute: 'upper-bound' })\n public get upperBound(): number | undefined {\n return this._upperBound;\n }\n\n /**\n * Disables the UI interactions of the slider.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Marks the slider track as discrete so it displays the steps.\n * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n */\n @property({ type: Boolean, attribute: 'discrete-track' })\n public discreteTrack = false;\n\n /**\n * Hides the thumb tooltip.\n */\n @property({ type: Boolean, attribute: 'hide-tooltip' })\n public hideTooltip = false;\n\n public set step(value: number) {\n const oldVal = this._step;\n this._step = this.labels ? 1 : value;\n this.requestUpdate('step', oldVal);\n }\n\n /**\n * Specifies the granularity that the value must adhere to.\n * If set to 0 no stepping is implied and any value in the range is allowed.\n */\n @property({ type: Number })\n public get step() {\n return this._step;\n }\n\n /**\n * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n */\n @property({ type: Number, attribute: 'primary-ticks' })\n public primaryTicks = 0;\n\n /**\n * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n */\n @property({ type: Number, attribute: 'secondary-ticks' })\n public secondaryTicks = 0;\n\n /**\n * Changes the orientation of the ticks.\n */\n @property({ attribute: 'tick-orientation' })\n public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n /**\n * Hides the primary tick labels.\n */\n @property({ type: Boolean, attribute: 'hide-primary-labels' })\n public hidePrimaryLabels = false;\n\n /**\n * Hides the secondary tick labels.\n */\n @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n public hideSecondaryLabels = false;\n\n /**\n * The locale used to format the thumb and tick label values in the slider.\n */\n @property()\n public locale = 'en';\n\n /**\n * String format used for the thumb and tick label values in the slider.\n */\n @property({ attribute: 'value-format' })\n public valueFormat?: string;\n\n /**\n * Number format options used for the thumb and tick label values in the slider.\n */\n @property({ attribute: false })\n public valueFormatOptions?: Intl.NumberFormatOptions;\n\n /**\n * The degrees for the rotation of the tick labels. Defaults to 0.\n */\n @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n @blazorTypeOverride('TickLabelRotation', true)\n public tickLabelRotation: 0 | 90 | -90 = 0;\n\n @watch('min', { waitUntilFirstUpdate: true })\n @watch('max', { waitUntilFirstUpdate: true })\n @watch('lowerBound', { waitUntilFirstUpdate: true })\n @watch('upperBound', { waitUntilFirstUpdate: true })\n @watch('step', { waitUntilFirstUpdate: true })\n protected constraintsChange() {\n this.normalizeValue();\n }\n\n @watch('labels')\n protected labelsChange() {\n if (this.labels) {\n this.min = 0;\n this.max = this.labels.length - 1;\n this.step = 1;\n }\n }\n\n constructor() {\n super();\n this.addEventListener('pointerdown', this.pointerDown);\n this.addEventListener('pointermove', this.pointerMove);\n this.addEventListener('lostpointercapture', this.lostPointerCapture);\n this.addEventListener('keydown', this.handleKeydown);\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.normalizeValue();\n this.addEventListener('keyup', this.handleKeyUp);\n }\n\n public override disconnectedCallback() {\n this.removeEventListener('keyup', this.handleKeyUp);\n }\n\n protected handleKeyUp() {\n this.activeThumb?.part.add('focused');\n }\n\n protected handleSlotChange() {\n this.labels =\n this.labelElements && this.labelElements.length\n ? this.labelElements.map((e) => e.textContent as string)\n : undefined;\n }\n\n /* c8 ignore next 3 */\n protected get activeValue() {\n return 0;\n }\n\n /* c8 ignore next */\n protected normalizeValue(): void {}\n\n /* c8 ignore next 3 */\n protected getTrackStyle(): StyleInfo {\n return {};\n }\n\n /* c8 ignore next 3 */\n protected updateValue(_increment: number): boolean {\n return false;\n }\n\n /* c8 ignore next 3 */\n protected renderThumbs(): TemplateResult<1> {\n return html``;\n }\n\n /* c8 ignore next */\n protected emitInputEvent() {}\n\n /* c8 ignore next */\n protected emitChangeEvent() {}\n\n protected get actualMin(): number {\n return typeof this.lowerBound === 'number'\n ? (this.lowerBound as number)\n : this.min;\n }\n\n protected get actualMax(): number {\n return typeof this.upperBound === 'number'\n ? (this.upperBound as number)\n : this.max;\n }\n\n protected validateValue(value: number) {\n value = this.valueInRange(value, this.actualMin, this.actualMax);\n value = this.normalizeByStep(value);\n\n return value;\n }\n\n protected formatValue(value: number) {\n return this.valueFormat\n ? this.valueFormat.replace(\n '{0}',\n value.toLocaleString(this.locale, this.valueFormatOptions)\n )\n : value.toLocaleString(this.locale, this.valueFormatOptions);\n }\n\n private normalizeByStep(value: number) {\n return this.step ? value - ((value - this.actualMin) % this.step) : value;\n }\n\n protected closestHandle(_event: PointerEvent): HTMLElement {\n return this.thumb;\n }\n\n private totalTickCount() {\n const primaryTicks = this.labels\n ? this.primaryTicks > 0\n ? this.labels.length\n : 0\n : this.primaryTicks === 1\n ? 2\n : this.primaryTicks;\n\n return primaryTicks > 0\n ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n : this.secondaryTicks > 0\n ? this.secondaryTicks\n : 0;\n }\n\n private tickValue(idx: number) {\n const tickCount = this.totalTickCount();\n const labelStep =\n tickCount > 1\n ? (this.max - this.min) / (tickCount - 1)\n : this.max - this.min;\n const labelVal = labelStep * idx;\n\n return this.min + labelVal;\n }\n\n private isPrimary(idx: number) {\n return this.primaryTicks <= 0\n ? false\n : idx % (this.secondaryTicks + 1) === 0;\n }\n\n private showThumbLabels() {\n if (this.disabled || this.hideTooltip) {\n return;\n }\n\n if (this.thumbHoverTimer) {\n clearTimeout(this.thumbHoverTimer);\n this.thumbHoverTimer = null;\n }\n\n this.thumbLabelsVisible = true;\n }\n\n private hideThumbLabels() {\n if (this.pointerCaptured || !this.thumbLabelsVisible) {\n return;\n }\n\n this.thumbHoverTimer = setTimeout(() => {\n this.thumbLabelsVisible = false;\n }, 750);\n }\n\n private valueInRange(value: number, min = 0, max = 100) {\n return Math.max(Math.min(value, max), min);\n }\n\n protected valueToFraction(value: number) {\n return (value - this.min) / (this.max - this.min);\n }\n\n private calculateTrackUpdate(mouseX: number): number {\n if (!this.activeThumb) {\n return 0;\n }\n\n const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n const scale = this.getBoundingClientRect().width / (this.max - this.min);\n const change = isLTR(this)\n ? mouseX - thumbPositionX\n : thumbPositionX - mouseX;\n\n if (this.step) {\n const stepDistance = scale * this.step;\n const stepDistanceCenter = stepDistance / 2;\n\n // If the thumb scale range (slider update) is less than a half step,\n // the position stays the same.\n const scaleXPositive = Math.abs(change);\n if (scaleXPositive < stepDistanceCenter) {\n return 0;\n }\n\n return Math.round(change / stepDistance) * this.step;\n } else {\n return change / scale;\n }\n }\n\n private updateSlider(mouseX: number) {\n if (this.disabled) {\n return;\n }\n\n const increment = this.calculateTrackUpdate(mouseX);\n if (this.activeThumb && increment !== 0) {\n this.updateValue(increment);\n }\n }\n\n private pointerDown = (event: PointerEvent) => {\n const thumb = this.closestHandle(event);\n thumb.focus();\n\n this.startValue = this.activeValue;\n this.updateSlider(event.clientX);\n\n this.setPointerCapture(event.pointerId);\n this.pointerCaptured = true;\n this.showThumbLabels();\n event.preventDefault();\n this.activeThumb?.part.remove('focused');\n };\n\n private pointerMove = (event: PointerEvent) => {\n if (this.pointerCaptured) {\n this.updateSlider(event.clientX);\n }\n };\n\n private lostPointerCapture = () => {\n this.pointerCaptured = false;\n this.hideThumbLabels();\n\n if (this.startValue! !== this.activeValue) {\n this.emitChangeEvent();\n }\n this.startValue = undefined;\n };\n\n private handleKeydown = (event: KeyboardEvent) => {\n if (this.disabled) {\n return;\n }\n\n const { key } = event;\n\n let increment = 0;\n const value = this.activeValue;\n const step = this.step ? this.step : 1;\n const ltr = isLTR(this);\n\n switch (key) {\n case 'ArrowLeft':\n increment += ltr ? -step : step;\n break;\n case 'ArrowRight':\n increment += ltr ? step : -step;\n break;\n case 'ArrowUp':\n increment = step;\n break;\n case 'ArrowDown':\n increment = -step;\n break;\n case 'Home':\n increment = this.actualMin - value;\n break;\n case 'End':\n increment = this.actualMax - value;\n break;\n case 'PageUp':\n increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n break;\n case 'PageDown':\n increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n break;\n default:\n return;\n }\n\n if (increment) {\n const updated = this.updateValue(increment);\n this.showThumbLabels();\n this.hideThumbLabels();\n\n if (updated) {\n this.emitChangeEvent();\n }\n }\n };\n\n protected handleThumbPointerEnter = () => {\n this.showThumbLabels();\n };\n\n protected handleThumbPointerLeave = () => {\n this.hideThumbLabels();\n };\n\n protected renderTicks() {\n const groups = [];\n for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n const isPrimary = this.isPrimary(i);\n groups.push(html`\n <div part=\"tick-group\">\n <div part=\"tick\" data-primary=${isPrimary}>\n ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n ? html``\n : html`\n <div part=\"tick-label\">\n <span part=\"tick-label-inner\">\n ${this.labels\n ? isPrimary\n ? this.labels[\n Math.round(i / (this.secondaryTicks + 1))\n ]\n : ''\n : this.formatValue(this.tickValue(i))}\n </span>\n </div>\n `}\n </div>\n </div>\n `);\n }\n return groups;\n }\n\n protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n const percent = `${this.valueToFraction(value) * 100}%`;\n\n return html`\n <div\n part=\"thumb\"\n id=${ifDefined(thumbId)}\n tabindex=${this.disabled ? -1 : 0}\n style=${styleMap({ insetInlineStart: percent })}\n role=\"slider\"\n aria-valuemin=${this.actualMin}\n aria-valuemax=${this.actualMax}\n aria-valuenow=${value}\n aria-valuetext=${ifDefined(\n this.labels\n ? this.labels[value]\n : this.valueFormat || this.valueFormatOptions\n ? this.formatValue(value)\n : undefined\n )}\n aria-label=${ifDefined(ariaLabel)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n @pointerenter=${this.handleThumbPointerEnter}\n @pointerleave=${this.handleThumbPointerLeave}\n @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n @blur=${() => (\n this.activeThumb?.part.remove('focused'),\n (this.activeThumb = undefined)\n )}\n ></div>\n ${this.hideTooltip\n ? html``\n : html`\n <div\n part=\"thumb-label\"\n style=${styleMap({\n opacity: this.thumbLabelsVisible ? '1' : '0',\n insetInlineStart: percent,\n })}\n >\n <div part=\"thumb-label-inner\">\n ${this.labels ? this.labels[value] : this.formatValue(value)}\n </div>\n </div>\n `}\n `;\n }\n\n private renderSteps() {\n if (!this.discreteTrack || !this.step) {\n return html``;\n }\n\n const trackRange = this.max - this.min;\n const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n return html`\n <div part=\"steps\">\n <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n <line\n x1=\"0\"\n y1=\"1\"\n x2=\"100%\"\n y2=\"1\"\n stroke=\"currentColor\"\n stroke-dasharray=\"0, calc(${interval * Math.sqrt(2)}%)\"\n stroke-linecap=\"round\"\n stroke-width=\"2px\"\n ></line>\n </svg>\n </div>\n `;\n }\n\n protected override render() {\n return html`\n <div part=\"base\">\n ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n : html``}\n <div part=\"track\">\n <div part=\"inactive\"></div>\n <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n ${this.renderSteps()}\n </div>\n ${this.tickOrientation !== 'start'\n ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n : html``}\n <div part=\"thumbs\">${this.renderThumbs()}</div>\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n `;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `/* stylelint-disable max-line-length */`;
3
3
  //# sourceMappingURL=slider.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `/* stylelint-disable max-line-length */`;
3
3
  //# sourceMappingURL=slider.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `/* stylelint-disable max-line-length */`;
3
3
  //# sourceMappingURL=slider.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/dark/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}
@@ -1,5 +1,12 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `:host {
3
+ --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
4
+ --is-medium:
5
+ min(
6
+ clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
7
+ clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
8
+ );
9
+ --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
3
10
  position: relative;
4
11
  -webkit-box-sizing: border-box;
5
12
  box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
25
32
  display: none !important;
26
33
  }
27
34
 
35
+ /* stylelint-disable max-line-length */
28
36
  :host {
29
37
  display: block;
30
38
  }
@@ -33,7 +41,7 @@ slot {
33
41
  display: none;
34
42
  }
35
43
 
36
- [part=base] {
44
+ [part~=base] {
37
45
  display: -webkit-box;
38
46
  display: -ms-flexbox;
39
47
  display: flex;
@@ -177,7 +185,7 @@ slot {
177
185
  inset-inline-start: 0;
178
186
  }
179
187
 
180
- [part=thumb] {
188
+ [part~=thumb] {
181
189
  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.625rem), 0.625rem);
182
190
  position: absolute;
183
191
  display: -webkit-box;
@@ -282,10 +290,10 @@ slot {
282
290
  :host([disabled]) [part=tick-label] {
283
291
  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
284
292
  }
285
- :host([disabled]) [part=thumb] {
293
+ :host([disabled]) [part~=thumb] {
286
294
  background: hsla(var(--ig-gray-400), var(--ig-gray-a));
287
295
  }
288
- :host([disabled]) [part=thumb]:focus::after {
296
+ :host([disabled]) [part~=thumb]:focus::after {
289
297
  -webkit-transform: scale(0);
290
298
  -ms-transform: scale(0);
291
299
  transform: scale(0);
@@ -293,7 +301,7 @@ slot {
293
301
  :host([disabled]):hover [part=inactive] {
294
302
  background: hsla(var(--ig-gray-400), var(--ig-gray-a));
295
303
  }
296
- :host([disabled]):hover [part=thumb] {
304
+ :host([disabled]):hover [part~=thumb] {
297
305
  border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
298
306
  }`;
299
307
  //# sourceMappingURL=slider.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host {\n display: block;\n}\n\nslot {\n display: none;\n}\n\n[part=base] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 3rem;\n -webkit-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n font-family: var(--ig-font-family);\n}\n\n[part=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2rem), 2rem);\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n[part=fill] {\n position: absolute;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n border-radius: inherit;\n}\n\n[part=inactive] {\n position: absolute;\n width: 100%;\n top: 0.0625rem;\n background: hsla(var(--ig-secondary-500), 0.24);\n -webkit-transition: background 0.2s ease-out;\n -o-transition: background 0.2s ease-out;\n transition: background 0.2s ease-out;\n border-radius: inherit;\n}\n\n[part=steps] {\n position: absolute;\n width: 100%;\n height: 0.25rem;\n opacity: 0.85;\n -webkit-transition: opacity 0.2s ease-out;\n -o-transition: opacity 0.2s ease-out;\n transition: opacity 0.2s ease-out;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n color: white;\n}\n[part=steps] svg {\n -webkit-clip-path: inset(0 0.1875rem 0 0.1875rem);\n clip-path: inset(0 0.1875rem 0 0.1875rem);\n}\n[part=steps] line {\n -webkit-transform: translateY(25%);\n -ms-transform: translateY(25%);\n transform: translateY(25%);\n stroke: currentcolor;\n stroke-width: 0.1875rem;\n stroke-linecap: round;\n}\n\n[part=ticks] {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n bottom: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n[part=ticks]:first-child {\n bottom: auto;\n top: 0;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n[part=ticks]:first-child [part=tick-label] {\n top: auto;\n bottom: 1.5rem;\n}\n\n[part=tick-group]:first-of-type {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n[part=tick-group]:last-of-type {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n\n[part=tick] {\n background: hsla(var(--ig-gray-500), var(--ig-gray-a));\n height: 0.5rem;\n width: 0.125rem;\n}\n\n[part=tick][data-primary=true] {\n height: 1rem;\n}\n\n[part=tick-label] {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n position: absolute;\n top: 1.5rem;\n line-height: 0.7;\n opacity: 1;\n -webkit-transition: opacity 0.2s ease-in-out;\n -o-transition: opacity 0.2s ease-in-out;\n transition: opacity 0.2s ease-in-out;\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n[part=tick-label-inner] {\n -webkit-margin-start: -50%;\n margin-inline-start: -50%;\n}\n\n[part=thumbs] {\n position: absolute;\n width: 100%;\n height: 0;\n cursor: default;\n inset-inline-start: 0;\n}\n\n[part=thumb] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.625rem), 0.625rem);\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n outline-style: none;\n -webkit-transition: border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n transition: border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n -o-transition: transform 0.1s ease-out, border-radius 0.1s ease-out;\n transition: transform 0.1s ease-out, border-radius 0.1s ease-out;\n transition: transform 0.1s ease-out, border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part=thumb-label] {\n position: absolute;\n top: calc((1.875rem + 1.25rem) * -1);\n pointer-events: none;\n height: 1.875rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n[part=thumb-label-inner] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n min-width: 2.5rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-margin-start: -50%;\n margin-inline-start: -50%;\n padding: 0 0.125rem;\n color: var(--ig-gray-700-contrast);\n background: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part=thumb-label-inner]::after {\n content: \"\";\n position: absolute;\n top: 85%;\n border-left: 0.625rem solid transparent;\n border-right: 0.625rem solid transparent;\n border-top: 0.625rem solid hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner] {\n -webkit-writing-mode: vertical-rl;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n -webkit-margin-start: 0;\n margin-inline-start: 0;\n margin-block: -50%;\n}\n\n:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner] {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n cursor: initial;\n}\n:host([disabled]) [part=inactive] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host([disabled]) [part=fill],\n:host([disabled]) [part=tick] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=tick-label] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=thumb] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=thumb]:focus::after {\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n}\n:host([disabled]):hover [part=inactive] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]):hover [part=thumb] {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
1
+ {"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgTvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n display: block;\n}\n\nslot {\n display: none;\n}\n\n[part~=base] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 3rem;\n -webkit-transition: all 0.2s ease-out;\n -o-transition: all 0.2s ease-out;\n transition: all 0.2s ease-out;\n font-family: var(--ig-font-family);\n}\n\n[part=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2rem), 2rem);\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n[part=fill] {\n position: absolute;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n border-radius: inherit;\n}\n\n[part=inactive] {\n position: absolute;\n width: 100%;\n top: 0.0625rem;\n background: hsla(var(--ig-secondary-500), 0.24);\n -webkit-transition: background 0.2s ease-out;\n -o-transition: background 0.2s ease-out;\n transition: background 0.2s ease-out;\n border-radius: inherit;\n}\n\n[part=steps] {\n position: absolute;\n width: 100%;\n height: 0.25rem;\n opacity: 0.85;\n -webkit-transition: opacity 0.2s ease-out;\n -o-transition: opacity 0.2s ease-out;\n transition: opacity 0.2s ease-out;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n color: white;\n}\n[part=steps] svg {\n -webkit-clip-path: inset(0 0.1875rem 0 0.1875rem);\n clip-path: inset(0 0.1875rem 0 0.1875rem);\n}\n[part=steps] line {\n -webkit-transform: translateY(25%);\n -ms-transform: translateY(25%);\n transform: translateY(25%);\n stroke: currentcolor;\n stroke-width: 0.1875rem;\n stroke-linecap: round;\n}\n\n[part=ticks] {\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n bottom: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n[part=ticks]:first-child {\n bottom: auto;\n top: 0;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n[part=ticks]:first-child [part=tick-label] {\n top: auto;\n bottom: 1.5rem;\n}\n\n[part=tick-group]:first-of-type {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n[part=tick-group]:last-of-type {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n\n[part=tick] {\n background: hsla(var(--ig-gray-500), var(--ig-gray-a));\n height: 0.5rem;\n width: 0.125rem;\n}\n\n[part=tick][data-primary=true] {\n height: 1rem;\n}\n\n[part=tick-label] {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n position: absolute;\n top: 1.5rem;\n line-height: 0.7;\n opacity: 1;\n -webkit-transition: opacity 0.2s ease-in-out;\n -o-transition: opacity 0.2s ease-in-out;\n transition: opacity 0.2s ease-in-out;\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n[part=tick-label-inner] {\n -webkit-margin-start: -50%;\n margin-inline-start: -50%;\n}\n\n[part=thumbs] {\n position: absolute;\n width: 100%;\n height: 0;\n cursor: default;\n inset-inline-start: 0;\n}\n\n[part~=thumb] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.625rem), 0.625rem);\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n outline-style: none;\n -webkit-transition: border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n transition: border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n -o-transition: transform 0.1s ease-out, border-radius 0.1s ease-out;\n transition: transform 0.1s ease-out, border-radius 0.1s ease-out;\n transition: transform 0.1s ease-out, border-radius 0.1s ease-out, -webkit-transform 0.1s ease-out;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part=thumb-label] {\n position: absolute;\n top: calc((1.875rem + 1.25rem) * -1);\n pointer-events: none;\n height: 1.875rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n[part=thumb-label-inner] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n min-width: 2.5rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-margin-start: -50%;\n margin-inline-start: -50%;\n padding: 0 0.125rem;\n color: var(--ig-gray-700-contrast);\n background: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part=thumb-label-inner]::after {\n content: \"\";\n position: absolute;\n top: 85%;\n border-left: 0.625rem solid transparent;\n border-right: 0.625rem solid transparent;\n border-top: 0.625rem solid hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner] {\n -webkit-writing-mode: vertical-rl;\n -ms-writing-mode: tb-rl;\n writing-mode: vertical-rl;\n -webkit-margin-start: 0;\n margin-inline-start: 0;\n margin-block: -50%;\n}\n\n:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner] {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n:host([disabled]) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n cursor: initial;\n}\n:host([disabled]) [part=inactive] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host([disabled]) [part=fill],\n:host([disabled]) [part=tick] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=tick-label] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part~=thumb] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part~=thumb]:focus::after {\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n}\n:host([disabled]):hover [part=inactive] {\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]):hover [part~=thumb] {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=track],
2
+ export const styles = css `/* stylelint-disable max-line-length */
3
+ [part=track],
3
4
  [part=inactive] {
4
5
  height: 0.5rem;
5
6
  }
@@ -12,7 +13,7 @@ export const styles = css `[part=track],
12
13
  background: var(--inactive-background, hsla(var(--ig-secondary-500), 0.24));
13
14
  }
14
15
 
15
- [part=thumb] {
16
+ [part~=thumb] {
16
17
  width: 1rem;
17
18
  height: 1rem;
18
19
  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
@@ -20,7 +21,7 @@ export const styles = css `[part=track],
20
21
  -webkit-margin-start: calc((1rem - calc(1rem / 2)) * -1);
21
22
  margin-inline-start: calc((1rem - calc(1rem / 2)) * -1);
22
23
  }
23
- [part=thumb]:focus {
24
+ [part~=thumb]:focus {
24
25
  border: 0.0625rem solid hsla(var(--ig-surface-500), var(--ig-surface-a));
25
26
  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
26
27
  box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
@@ -1 +1 @@
1
- {"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track],\n[part=inactive] {\n height: 0.5rem;\n}\n\n[part=fill] {\n display: none;\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-secondary-500), 0.24));\n}\n\n[part=thumb] {\n width: 1rem;\n height: 1rem;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n top: calc((1rem - calc(1rem / 2)) * -1);\n -webkit-margin-start: calc((1rem - calc(1rem / 2)) * -1);\n margin-inline-start: calc((1rem - calc(1rem / 2)) * -1);\n}\n[part=thumb]:focus {\n border: 0.0625rem solid hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}`;\n"]}
1
+ {"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=track],\n[part=inactive] {\n height: 0.5rem;\n}\n\n[part=fill] {\n display: none;\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-secondary-500), 0.24));\n}\n\n[part~=thumb] {\n width: 1rem;\n height: 1rem;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n top: calc((1rem - calc(1rem / 2)) * -1);\n -webkit-margin-start: calc((1rem - calc(1rem / 2)) * -1);\n margin-inline-start: calc((1rem - calc(1rem / 2)) * -1);\n}\n[part~=thumb]:focus {\n border: 0.0625rem solid hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}`;\n"]}
@@ -1,12 +1,24 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host(:hover) [part=inactive] {
3
- background: hsla(var(--ig-primary-500), 0.32);
4
- }
2
+ export const styles = css `/* stylelint-disable max-line-length */
5
3
  :host(:hover) [part=fill] {
6
4
  background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
7
5
  }
8
- :host(:hover) [part=thumb] {
9
- border-color: var(--thumb-hover-border, hsla(var(--ig-primary-500), var(--ig-primary-a)));
6
+ :host(:hover) [part~=thumb] {
7
+ border-color: var(--thumb-hover-border, hsla(var(--ig-primary-700), var(--ig-primary-a)));
8
+ }
9
+
10
+ [part~=focused]::after {
11
+ position: absolute;
12
+ content: "";
13
+ left: 50%;
14
+ top: 50%;
15
+ -webkit-transform: translate(-50%, -50%);
16
+ -ms-transform: translate(-50%, -50%);
17
+ transform: translate(-50%, -50%);
18
+ -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));
19
+ box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));
20
+ width: calc(1rem + (0.125rem * 2));
21
+ height: calc(1rem + (0.125rem * 2));
10
22
  }
11
23
 
12
24
  [part=track],
@@ -16,15 +28,15 @@ export const styles = css `:host(:hover) [part=inactive] {
16
28
  }
17
29
 
18
30
  [part=inactive] {
19
- background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
31
+ background: var(--inactive-background, hsla(var(--ig-gray-600), var(--ig-gray-a)));
20
32
  top: initial;
21
33
  }
22
34
 
23
35
  [part=fill] {
24
- background: var(--fill-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));
36
+ background: var(--fill-background, hsla(var(--ig-gray-800), var(--ig-gray-a)));
25
37
  }
26
38
 
27
- [part=thumb] {
39
+ [part~=thumb] {
28
40
  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
29
41
  border: 0.125rem solid var(--thumb-border, hsla(var(--ig-gray-700), var(--ig-gray-a)));
30
42
  width: 1rem;
@@ -34,13 +46,20 @@ export const styles = css `:host(:hover) [part=inactive] {
34
46
  margin-inline-start: calc((1rem - 0.5rem) * -1);
35
47
  }
36
48
 
49
+ [part=thumb-label-inner] {
50
+ background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
51
+ }
52
+ [part=thumb-label-inner]::after {
53
+ border-top: 0.625rem solid var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
54
+ }
55
+
37
56
  :host([disabled]) [part=inactive] {
38
- background: var(--inactive-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
57
+ background: var(--inactive-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
39
58
  }
40
59
  :host([disabled]) [part=fill] {
41
- background: var(--fill-disabled-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
60
+ background: var(--fill-disabled-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));
42
61
  }
43
- :host([disabled]) [part=thumb] {
62
+ :host([disabled]) [part~=thumb] {
44
63
  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
45
64
  border-color: var(--thumb-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));
46
65
  }`;
@@ -1 +1 @@
1
- {"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=inactive] {\n background: hsla(var(--ig-primary-500), 0.32);\n}\n:host(:hover) [part=fill] {\n background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n:host(:hover) [part=thumb] {\n border-color: var(--thumb-hover-border, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n height: 0.25rem;\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n top: initial;\n}\n\n[part=fill] {\n background: var(--fill-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}\n\n[part=thumb] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border: 0.125rem solid var(--thumb-border, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n width: 1rem;\n height: 1rem;\n top: calc((1rem - 0.5rem) * -1);\n -webkit-margin-start: calc((1rem - 0.5rem) * -1);\n margin-inline-start: calc((1rem - 0.5rem) * -1);\n}\n\n:host([disabled]) [part=inactive] {\n background: var(--inactive-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host([disabled]) [part=fill] {\n background: var(--fill-disabled-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n:host([disabled]) [part=thumb] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border-color: var(--thumb-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}`;\n"]}
1
+ {"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host(:hover) [part=fill] {\n background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n:host(:hover) [part~=thumb] {\n border-color: var(--thumb-hover-border, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n}\n\n[part~=focused]::after {\n position: absolute;\n content: \"\";\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));\n box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));\n width: calc(1rem + (0.125rem * 2));\n height: calc(1rem + (0.125rem * 2));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n height: 0.25rem;\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n top: initial;\n}\n\n[part=fill] {\n background: var(--fill-background, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n}\n\n[part~=thumb] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border: 0.125rem solid var(--thumb-border, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n width: 1rem;\n height: 1rem;\n top: calc((1rem - 0.5rem) * -1);\n -webkit-margin-start: calc((1rem - 0.5rem) * -1);\n margin-inline-start: calc((1rem - 0.5rem) * -1);\n}\n\n[part=thumb-label-inner] {\n background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n[part=thumb-label-inner]::after {\n border-top: 0.625rem solid var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n:host([disabled]) [part=inactive] {\n background: var(--inactive-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n}\n:host([disabled]) [part=fill] {\n background: var(--fill-disabled-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n:host([disabled]) [part~=thumb] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n border-color: var(--thumb-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}`;\n"]}
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=base]:hover [part=inactive] {
2
+ export const styles = css `/* stylelint-disable max-line-length */
3
+ [part=base]:hover [part=inactive] {
3
4
  background: var(--inactive-hover-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));
4
5
  }
5
6
  [part=base]:hover [part=fill] {
@@ -27,22 +28,22 @@ export const styles = css `[part=base]:hover [part=inactive] {
27
28
  transform: none;
28
29
  }
29
30
 
30
- [part=thumb] {
31
+ [part~=thumb] {
31
32
  width: 0.875rem;
32
33
  height: 0.875rem;
33
34
  top: calc((0.875rem - 0.4375rem) * -1);
34
35
  -webkit-margin-start: calc((0.875rem - 0.4375rem) * -1);
35
36
  margin-inline-start: calc((0.875rem - 0.4375rem) * -1);
36
37
  }
37
- [part=thumb]:focus {
38
+ [part~=thumb]:focus {
38
39
  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
39
40
  box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
40
41
  }
41
- [part=thumb]::after {
42
+ [part~=thumb]::after {
42
43
  display: none;
43
44
  }
44
45
 
45
- :host([disabled]) [part=thumb],
46
+ :host([disabled]) [part~=thumb],
46
47
  :host([disabled]) [part=fill],
47
48
  :host([disabled]) [part=inactive] {
48
49
  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
@@ -1 +1 @@
1
- {"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive] {\n background: var(--inactive-hover-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n[part=base]:hover [part=fill] {\n background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n height: 0.125rem;\n top: initial;\n border-radius: initial;\n}\n\n[part=steps] {\n height: 0.125rem;\n}\n[part=steps] line {\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n}\n\n[part=thumb] {\n width: 0.875rem;\n height: 0.875rem;\n top: calc((0.875rem - 0.4375rem) * -1);\n -webkit-margin-start: calc((0.875rem - 0.4375rem) * -1);\n margin-inline-start: calc((0.875rem - 0.4375rem) * -1);\n}\n[part=thumb]:focus {\n -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n[part=thumb]::after {\n display: none;\n}\n\n:host([disabled]) [part=thumb],\n:host([disabled]) [part=fill],\n:host([disabled]) [part=inactive] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}
1
+ {"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base]:hover [part=inactive] {\n background: var(--inactive-hover-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n[part=base]:hover [part=fill] {\n background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n\n[part=inactive] {\n background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n height: 0.125rem;\n top: initial;\n border-radius: initial;\n}\n\n[part=steps] {\n height: 0.125rem;\n}\n[part=steps] line {\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n}\n\n[part~=thumb] {\n width: 0.875rem;\n height: 0.875rem;\n top: calc((0.875rem - 0.4375rem) * -1);\n -webkit-margin-start: calc((0.875rem - 0.4375rem) * -1);\n margin-inline-start: calc((0.875rem - 0.4375rem) * -1);\n}\n[part~=thumb]:focus {\n -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n[part~=thumb]::after {\n display: none;\n}\n\n:host([disabled]) [part~=thumb],\n:host([disabled]) [part=fill],\n:host([disabled]) [part=inactive] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=track] {
2
+ export const styles = css `/* stylelint-disable max-line-length */
3
+ [part=track] {
3
4
  height: 0.375rem;
4
5
  }
5
6
 
@@ -16,14 +17,14 @@ export const styles = css `[part=track] {
16
17
  color: hsla(var(--ig-secondary-200), var(--ig-secondary-a));
17
18
  }
18
19
 
19
- [part=thumb] {
20
+ [part~=thumb] {
20
21
  width: 1.25rem;
21
22
  height: 1.25rem;
22
23
  top: calc((1.25rem - 0.625rem) * -1);
23
24
  -webkit-margin-start: calc((1.25rem - 0.625rem) * -1);
24
25
  margin-inline-start: calc((1.25rem - 0.625rem) * -1);
25
26
  }
26
- [part=thumb]::after {
27
+ [part~=thumb]::after {
27
28
  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.25rem), 1.25rem);
28
29
  position: absolute;
29
30
  content: "";
@@ -46,19 +47,19 @@ export const styles = css `[part=track] {
46
47
  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
47
48
  overflow: hidden;
48
49
  }
49
- [part=thumb]:hover::after {
50
+ [part~=thumb]:hover::after {
50
51
  opacity: 0.12;
51
52
  -webkit-transform: scale(1);
52
53
  -ms-transform: scale(1);
53
54
  transform: scale(1);
54
55
  }
55
- [part=thumb]:focus::after {
56
+ [part~=thumb]:focus::after {
56
57
  opacity: 0.18;
57
58
  -webkit-transform: scale(1);
58
59
  -ms-transform: scale(1);
59
60
  transform: scale(1);
60
61
  }
61
- [part=thumb]:active::after {
62
+ [part~=thumb]:active::after {
62
63
  opacity: 0.24;
63
64
  }`;
64
65
  //# sourceMappingURL=slider.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track] {\n height: 0.375rem;\n}\n\n[part=fill] {\n height: 0.375rem;\n}\n\n[part=inactive] {\n height: 0.25rem;\n top: 0.0625rem;\n}\n\n[part=steps] {\n color: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n}\n\n[part=thumb] {\n width: 1.25rem;\n height: 1.25rem;\n top: calc((1.25rem - 0.625rem) * -1);\n -webkit-margin-start: calc((1.25rem - 0.625rem) * -1);\n margin-inline-start: calc((1.25rem - 0.625rem) * -1);\n}\n[part=thumb]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.25rem), 1.25rem);\n position: absolute;\n content: \"\";\n width: 2.5rem;\n height: 2.5rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n top: calc(50% - 1.25rem);\n inset-inline-start: calc(50% - 1.25rem);\n opacity: 0;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n -o-transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n overflow: hidden;\n}\n[part=thumb]:hover::after {\n opacity: 0.12;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n[part=thumb]:focus::after {\n opacity: 0.18;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n[part=thumb]:active::after {\n opacity: 0.24;\n}`;\n"]}
1
+ {"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=track] {\n height: 0.375rem;\n}\n\n[part=fill] {\n height: 0.375rem;\n}\n\n[part=inactive] {\n height: 0.25rem;\n top: 0.0625rem;\n}\n\n[part=steps] {\n color: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n}\n\n[part~=thumb] {\n width: 1.25rem;\n height: 1.25rem;\n top: calc((1.25rem - 0.625rem) * -1);\n -webkit-margin-start: calc((1.25rem - 0.625rem) * -1);\n margin-inline-start: calc((1.25rem - 0.625rem) * -1);\n}\n[part~=thumb]::after {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.25rem), 1.25rem);\n position: absolute;\n content: \"\";\n width: 2.5rem;\n height: 2.5rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n top: calc(50% - 1.25rem);\n inset-inline-start: calc(50% - 1.25rem);\n opacity: 0;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n -ms-transform-origin: center center;\n transform-origin: center center;\n -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n -o-transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n overflow: hidden;\n}\n[part~=thumb]:hover::after {\n opacity: 0.12;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n[part~=thumb]:focus::after {\n opacity: 0.18;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n[part~=thumb]:active::after {\n opacity: 0.24;\n}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css ``;
2
+ export const styles = css `/* stylelint-disable max-line-length */`;
3
3
  //# sourceMappingURL=snackbar.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
1
+ {"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}
@@ -1,5 +1,12 @@
1
1
  import { css } from 'lit';
2
2
  export const styles = css `:host {
3
+ --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
4
+ --is-medium:
5
+ min(
6
+ clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
7
+ clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
8
+ );
9
+ --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
3
10
  position: relative;
4
11
  -webkit-box-sizing: border-box;
5
12
  box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
25
32
  display: none !important;
26
33
  }
27
34
 
35
+ /* stylelint-disable max-line-length */
28
36
  :host {
29
37
  font-family: var(--ig-font-family);
30
38
  position: fixed;
@@ -1 +1 @@
1
- {"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host {\n font-family: var(--ig-font-family);\n position: fixed;\n bottom: 0;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n[part~=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: row nowrap;\n flex-wrap: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n min-height: 3rem;\n padding: 0.4375rem 1.5rem;\n margin: 0.5rem;\n gap: 1.5rem;\n color: var(--ig-gray-900-contrast);\n background: hsla(var(--ig-gray-900), 0.9);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px);\n}\n\n[part~=message] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 50%;\n flex: 1 1 50%;\n}\n\n:host([action-text]) igc-button::part(base) {\n text-transform: uppercase;\n font-weight: 600;\n}\n:host([action-text]) igc-button::part(base):hover::before {\n background: transparent;\n}\n:host([action-text]) igc-button::part(base):focus {\n background: transparent;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n:host([action-text]) igc-button::part(base):focus::before {\n background: transparent;\n}\n\n:host(:not([open])) [part=base] {\n display: none;\n}`;\n"]}
1
+ {"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n font-family: var(--ig-font-family);\n position: fixed;\n bottom: 0;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n[part~=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: row nowrap;\n flex-wrap: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n min-height: 3rem;\n padding: 0.4375rem 1.5rem;\n margin: 0.5rem;\n gap: 1.5rem;\n color: var(--ig-gray-900-contrast);\n background: hsla(var(--ig-gray-900), 0.9);\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px);\n}\n\n[part~=message] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 50%;\n flex: 1 1 50%;\n}\n\n:host([action-text]) igc-button::part(base) {\n text-transform: uppercase;\n font-weight: 600;\n}\n:host([action-text]) igc-button::part(base):hover::before {\n background: transparent;\n}\n:host([action-text]) igc-button::part(base):focus {\n background: transparent;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n:host([action-text]) igc-button::part(base):focus::before {\n background: transparent;\n}\n\n:host(:not([open])) [part=base] {\n display: none;\n}`;\n"]}
@@ -1,5 +1,6 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=base] {
2
+ export const styles = css `/* stylelint-disable max-line-length */
3
+ [part~=base] {
3
4
  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
4
5
  color: var(--ig-surface-500-contrast);
5
6
  -webkit-box-shadow: var(--ig-elevation-10);
@@ -1 +1 @@
1
- {"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;EASvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n -webkit-box-shadow: var(--ig-elevation-10);\n box-shadow: var(--ig-elevation-10);\n}\n\nigc-button::part(base):hover {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}
1
+ {"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;EAUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=base] {\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n -webkit-box-shadow: var(--ig-elevation-10);\n box-shadow: var(--ig-elevation-10);\n}\n\nigc-button::part(base):hover {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}