igniteui-webcomponents 6.1.2 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (502) hide show
  1. package/CHANGELOG.md +59 -0
  2. package/LICENSE +1 -1
  3. package/README.md +13 -1
  4. package/components/accordion/accordion.js +1 -4
  5. package/components/accordion/accordion.js.map +1 -1
  6. package/components/accordion/themes/accordion.base.css.js +1 -1
  7. package/components/accordion/themes/accordion.base.css.js.map +1 -1
  8. package/components/banner/themes/banner.base.css.js +1 -1
  9. package/components/banner/themes/banner.base.css.js.map +1 -1
  10. package/components/banner/themes/shared/banner.bootstrap.css.js +1 -1
  11. package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -1
  12. package/components/banner/themes/shared/banner.fluent.css.js +1 -1
  13. package/components/banner/themes/shared/banner.fluent.css.js.map +1 -1
  14. package/components/banner/themes/shared/banner.indigo.css.js +1 -1
  15. package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
  16. package/components/banner/themes/shared/banner.material.css.js +1 -1
  17. package/components/banner/themes/shared/banner.material.css.js.map +1 -1
  18. package/components/button/themes/button/button.base.css.js +1 -1
  19. package/components/button/themes/button/button.base.css.js.map +1 -1
  20. package/components/button/themes/button/shared/button.common.css.js +1 -1
  21. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  22. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  23. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  24. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  25. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  26. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  27. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  28. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
  29. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
  30. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
  31. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
  32. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  33. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  34. package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
  35. package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
  36. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  37. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  38. package/components/button-group/themes/shared/button/button.common.css.js +1 -1
  39. package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
  40. package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
  41. package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
  42. package/components/calendar/calendar.d.ts +1 -1
  43. package/components/calendar/days-view/days-view.js +1 -3
  44. package/components/calendar/days-view/days-view.js.map +1 -1
  45. package/components/calendar/months-view/months-view.js +1 -3
  46. package/components/calendar/months-view/months-view.js.map +1 -1
  47. package/components/calendar/themes/calendar.base.css.js +1 -1
  48. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  49. package/components/calendar/themes/days-view.base.css.js +1 -1
  50. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  51. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  52. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  53. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  54. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  55. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  56. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  57. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  58. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  59. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  60. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  61. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  62. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  63. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  64. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  65. package/components/calendar/years-view/years-view.js +1 -3
  66. package/components/calendar/years-view/years-view.js.map +1 -1
  67. package/components/card/themes/card.actions.base.css.js +1 -1
  68. package/components/card/themes/card.actions.base.css.js.map +1 -1
  69. package/components/card/themes/card.content.base.css.js +1 -1
  70. package/components/card/themes/card.content.base.css.js.map +1 -1
  71. package/components/card/themes/card.header.base.css.js +1 -1
  72. package/components/card/themes/card.header.base.css.js.map +1 -1
  73. package/components/card/themes/content.js +7 -0
  74. package/components/card/themes/content.js.map +1 -1
  75. package/components/card/themes/shared/actions/card.actions.bootstrap.css.js +1 -1
  76. package/components/card/themes/shared/actions/card.actions.bootstrap.css.js.map +1 -1
  77. package/components/card/themes/shared/actions/card.actions.indigo.css.js +1 -1
  78. package/components/card/themes/shared/actions/card.actions.indigo.css.js.map +1 -1
  79. package/components/card/themes/shared/container/card.bootstrap.css.js +1 -1
  80. package/components/card/themes/shared/container/card.bootstrap.css.js.map +1 -1
  81. package/components/card/themes/shared/container/card.indigo.css.js +1 -1
  82. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
  83. package/components/card/themes/shared/content/card.content.bootstrap.css.js +1 -1
  84. package/components/card/themes/shared/content/card.content.bootstrap.css.js.map +1 -1
  85. package/components/card/themes/shared/content/card.content.indigo.css.d.ts +1 -0
  86. package/components/card/themes/shared/content/card.content.indigo.css.js +3 -0
  87. package/components/card/themes/shared/content/card.content.indigo.css.js.map +1 -0
  88. package/components/card/themes/shared/header/card.header.fluent.css.js +1 -1
  89. package/components/card/themes/shared/header/card.header.fluent.css.js.map +1 -1
  90. package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
  91. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
  92. package/components/carousel/carousel-indicator.d.ts +1 -1
  93. package/components/carousel/carousel-indicator.js.map +1 -1
  94. package/components/carousel/carousel-slide.d.ts +3 -3
  95. package/components/carousel/carousel-slide.js +7 -13
  96. package/components/carousel/carousel-slide.js.map +1 -1
  97. package/components/carousel/carousel.d.ts +39 -38
  98. package/components/carousel/carousel.js +160 -156
  99. package/components/carousel/carousel.js.map +1 -1
  100. package/components/carousel/themes/carousel.base.css.js +1 -1
  101. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  102. package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
  103. package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
  104. package/components/checkbox/checkbox-base.d.ts +3 -5
  105. package/components/checkbox/checkbox-base.js +15 -21
  106. package/components/checkbox/checkbox-base.js.map +1 -1
  107. package/components/checkbox/checkbox.d.ts +3 -4
  108. package/components/checkbox/checkbox.js +18 -17
  109. package/components/checkbox/checkbox.js.map +1 -1
  110. package/components/checkbox/switch.d.ts +0 -1
  111. package/components/checkbox/switch.js +7 -10
  112. package/components/checkbox/switch.js.map +1 -1
  113. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  114. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  115. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  116. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  117. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  118. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  119. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  120. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  121. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  122. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  123. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  124. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  125. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  126. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  127. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  128. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  129. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  130. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  131. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  132. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  133. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  134. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  135. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  136. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  137. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  138. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  139. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  140. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  141. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  142. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  143. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  144. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  145. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  146. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  147. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  148. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  149. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  150. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  151. package/components/chip/chip.d.ts +11 -11
  152. package/components/chip/chip.js +61 -65
  153. package/components/chip/chip.js.map +1 -1
  154. package/components/chip/themes/chip.base.css.js +1 -1
  155. package/components/chip/themes/chip.base.css.js.map +1 -1
  156. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  157. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  158. package/components/combo/combo.d.ts +3 -3
  159. package/components/combo/combo.js +12 -6
  160. package/components/combo/combo.js.map +1 -1
  161. package/components/combo/controllers/navigation.js +1 -1
  162. package/components/combo/controllers/navigation.js.map +1 -1
  163. package/components/combo/themes/combo-item.base.css.js +1 -1
  164. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  165. package/components/combo/themes/combo.base.css.js +1 -1
  166. package/components/combo/themes/combo.base.css.js.map +1 -1
  167. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  168. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  169. package/components/combo/themes/shared/combo.common.css.js +1 -1
  170. package/components/combo/themes/shared/combo.common.css.js.map +1 -1
  171. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  172. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  173. package/components/combo/themes/shared/combo.indigo.css.js +1 -1
  174. package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
  175. package/components/combo/themes/shared/combo.material.css.js +1 -1
  176. package/components/combo/themes/shared/combo.material.css.js.map +1 -1
  177. package/components/common/controllers/internals.d.ts +66 -2
  178. package/components/common/controllers/internals.js +21 -0
  179. package/components/common/controllers/internals.js.map +1 -1
  180. package/components/common/controllers/key-bindings.js +4 -3
  181. package/components/common/controllers/key-bindings.js.map +1 -1
  182. package/components/common/controllers/slot.d.ts +87 -0
  183. package/components/common/controllers/slot.js +75 -0
  184. package/components/common/controllers/slot.js.map +1 -0
  185. package/components/common/mixins/forms/associated.d.ts +1 -1
  186. package/components/common/mixins/forms/associated.js +91 -36
  187. package/components/common/mixins/forms/associated.js.map +1 -1
  188. package/components/common/mixins/forms/form-transformers.d.ts +21 -0
  189. package/components/common/mixins/forms/form-transformers.js +64 -0
  190. package/components/common/mixins/forms/form-transformers.js.map +1 -0
  191. package/components/common/mixins/forms/form-value.d.ts +7 -36
  192. package/components/common/mixins/forms/form-value.js +2 -64
  193. package/components/common/mixins/forms/form-value.js.map +1 -1
  194. package/components/common/mixins/forms/types.d.ts +19 -10
  195. package/components/common/mixins/forms/types.js +2 -1
  196. package/components/common/mixins/forms/types.js.map +1 -1
  197. package/components/common/util.d.ts +20 -0
  198. package/components/common/util.js +59 -1
  199. package/components/common/util.js.map +1 -1
  200. package/components/date-picker/date-picker.d.ts +1 -3
  201. package/components/date-picker/date-picker.js +13 -15
  202. package/components/date-picker/date-picker.js.map +1 -1
  203. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  204. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  205. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  206. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  207. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  208. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  209. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  210. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  211. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  212. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  213. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  214. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  215. package/components/date-picker/themes/shared/date-picker.material.css.js +1 -1
  216. package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -1
  217. package/components/date-range-picker/date-range-picker.base.css.js +1 -1
  218. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
  219. package/components/date-range-picker/date-range-picker.d.ts +2 -4
  220. package/components/date-range-picker/date-range-picker.js +19 -27
  221. package/components/date-range-picker/date-range-picker.js.map +1 -1
  222. package/components/date-range-picker/predefined-ranges-area.base.css.js +1 -1
  223. package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -1
  224. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  225. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  226. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  227. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  228. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  229. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  230. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  231. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  232. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  233. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  234. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +1 -1
  235. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -1
  236. package/components/date-time-input/date-time-input.d.ts +1 -2
  237. package/components/date-time-input/date-time-input.js +8 -8
  238. package/components/date-time-input/date-time-input.js.map +1 -1
  239. package/components/dialog/dialog.d.ts +23 -25
  240. package/components/dialog/dialog.js +108 -115
  241. package/components/dialog/dialog.js.map +1 -1
  242. package/components/dialog/themes/dark/dialog.bootstrap.css.js +1 -1
  243. package/components/dialog/themes/dark/dialog.bootstrap.css.js.map +1 -1
  244. package/components/dialog/themes/dialog.base.css.js +1 -1
  245. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  246. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  247. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  248. package/components/dialog/themes/shared/dialog.common.css.js +1 -1
  249. package/components/dialog/themes/shared/dialog.common.css.js.map +1 -1
  250. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  251. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  252. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  253. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  254. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  255. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  256. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  257. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  258. package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
  259. package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
  260. package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js +1 -1
  261. package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js.map +1 -1
  262. package/components/dropdown/themes/shared/header/dropdown-header.common.css.js +1 -1
  263. package/components/dropdown/themes/shared/header/dropdown-header.common.css.js.map +1 -1
  264. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +1 -1
  265. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -1
  266. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +1 -1
  267. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -1
  268. package/components/expansion-panel/expansion-panel.d.ts +12 -14
  269. package/components/expansion-panel/expansion-panel.js +43 -57
  270. package/components/expansion-panel/expansion-panel.js.map +1 -1
  271. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  272. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  273. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
  274. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
  275. package/components/file-input/file-input.d.ts +1 -7
  276. package/components/file-input/file-input.js +13 -21
  277. package/components/file-input/file-input.js.map +1 -1
  278. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  279. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  280. package/components/file-input/themes/shared/file-input.material.css.js +1 -1
  281. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
  282. package/components/input/input.d.ts +1 -8
  283. package/components/input/input.js +16 -23
  284. package/components/input/input.js.map +1 -1
  285. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  286. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  287. package/components/input/themes/shared/input.common.css.js +1 -1
  288. package/components/input/themes/shared/input.common.css.js.map +1 -1
  289. package/components/input/themes/shared/input.fluent.css.js +1 -1
  290. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  291. package/components/input/themes/shared/input.indigo.css.js +1 -1
  292. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  293. package/components/input/themes/shared/input.material.css.js +1 -1
  294. package/components/input/themes/shared/input.material.css.js.map +1 -1
  295. package/components/list/themes/header.base.css.js +1 -1
  296. package/components/list/themes/header.base.css.js.map +1 -1
  297. package/components/list/themes/item.base.css.js +1 -1
  298. package/components/list/themes/item.base.css.js.map +1 -1
  299. package/components/list/themes/shared/header/list-header.indigo.css.js +1 -1
  300. package/components/list/themes/shared/header/list-header.indigo.css.js.map +1 -1
  301. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  302. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  303. package/components/mask-input/mask-input-base.js +1 -0
  304. package/components/mask-input/mask-input-base.js.map +1 -1
  305. package/components/mask-input/mask-input.d.ts +2 -3
  306. package/components/mask-input/mask-input.js +5 -8
  307. package/components/mask-input/mask-input.js.map +1 -1
  308. package/components/nav-drawer/nav-drawer-item.d.ts +3 -4
  309. package/components/nav-drawer/nav-drawer-item.js +15 -18
  310. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  311. package/components/nav-drawer/nav-drawer.d.ts +1 -2
  312. package/components/nav-drawer/nav-drawer.js +9 -11
  313. package/components/nav-drawer/nav-drawer.js.map +1 -1
  314. package/components/nav-drawer/themes/container.base.css.js +1 -1
  315. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  316. package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js +1 -1
  317. package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map +1 -1
  318. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
  319. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
  320. package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js +1 -1
  321. package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map +1 -1
  322. package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js +1 -1
  323. package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map +1 -1
  324. package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js +1 -1
  325. package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js.map +1 -1
  326. package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js +1 -1
  327. package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js.map +1 -1
  328. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +1 -1
  329. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -1
  330. package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js +1 -1
  331. package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js.map +1 -1
  332. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +1 -1
  333. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -1
  334. package/components/nav-drawer/themes/shared/item/item.fluent.css.js +1 -1
  335. package/components/nav-drawer/themes/shared/item/item.fluent.css.js.map +1 -1
  336. package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
  337. package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
  338. package/components/nav-drawer/themes/shared/item/item.material.css.js +1 -1
  339. package/components/nav-drawer/themes/shared/item/item.material.css.js.map +1 -1
  340. package/components/navbar/themes/navbar.base.css.js +1 -1
  341. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  342. package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
  343. package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
  344. package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
  345. package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
  346. package/components/popover/popover.d.ts +17 -16
  347. package/components/popover/popover.js +81 -91
  348. package/components/popover/popover.js.map +1 -1
  349. package/components/progress/base.d.ts +8 -8
  350. package/components/progress/base.js +19 -23
  351. package/components/progress/base.js.map +1 -1
  352. package/components/progress/circular-gradient.js.map +1 -1
  353. package/components/progress/circular-progress.d.ts +3 -4
  354. package/components/progress/circular-progress.js +15 -18
  355. package/components/progress/circular-progress.js.map +1 -1
  356. package/components/progress/linear-progress.d.ts +1 -0
  357. package/components/progress/linear-progress.js +5 -1
  358. package/components/progress/linear-progress.js.map +1 -1
  359. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  360. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  361. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  362. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  363. package/components/radio/radio.d.ts +3 -5
  364. package/components/radio/radio.js +33 -31
  365. package/components/radio/radio.js.map +1 -1
  366. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  367. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  368. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  369. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  370. package/components/radio/themes/shared/radio.common.css.js +1 -1
  371. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  372. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  373. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  374. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  375. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  376. package/components/radio/themes/shared/radio.material.css.js +1 -1
  377. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  378. package/components/radio-group/radio-group.d.ts +4 -4
  379. package/components/radio-group/radio-group.js +24 -21
  380. package/components/radio-group/radio-group.js.map +1 -1
  381. package/components/radio-group/themes/radio-group.base.css.js +1 -1
  382. package/components/radio-group/themes/radio-group.base.css.js.map +1 -1
  383. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +1 -1
  384. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -1
  385. package/components/radio-group/themes/shared/radio-group.fluent.css.js +1 -1
  386. package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -1
  387. package/components/radio-group/themes/shared/radio-group.indigo.css.js +1 -1
  388. package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -1
  389. package/components/radio-group/themes/shared/radio-group.material.css.js +1 -1
  390. package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -1
  391. package/components/rating/rating.d.ts +1 -2
  392. package/components/rating/rating.js +4 -4
  393. package/components/rating/rating.js.map +1 -1
  394. package/components/rating/themes/rating.base.css.js +1 -1
  395. package/components/rating/themes/rating.base.css.js.map +1 -1
  396. package/components/rating/themes/shared/rating.indigo.css.js +1 -1
  397. package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
  398. package/components/resize-container/resize-container.d.ts +1 -1
  399. package/components/select/select.d.ts +35 -38
  400. package/components/select/select.js +138 -147
  401. package/components/select/select.js.map +1 -1
  402. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  403. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  404. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  405. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  406. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  407. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  408. package/components/select/themes/shared/select.common.css.js +1 -1
  409. package/components/select/themes/shared/select.common.css.js.map +1 -1
  410. package/components/select/themes/shared/select.fluent.css.js +1 -1
  411. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  412. package/components/select/themes/shared/select.indigo.css.js +1 -1
  413. package/components/select/themes/shared/select.indigo.css.js.map +1 -1
  414. package/components/select/themes/shared/select.material.css.js +1 -1
  415. package/components/select/themes/shared/select.material.css.js.map +1 -1
  416. package/components/slider/slider-base.js +0 -1
  417. package/components/slider/slider-base.js.map +1 -1
  418. package/components/slider/slider-label.js.map +1 -1
  419. package/components/slider/slider.d.ts +1 -2
  420. package/components/slider/slider.js +5 -2
  421. package/components/slider/slider.js.map +1 -1
  422. package/components/slider/themes/shared/slider.common.css.js +1 -1
  423. package/components/slider/themes/shared/slider.common.css.js.map +1 -1
  424. package/components/slider/themes/slider.base.css.js +1 -1
  425. package/components/slider/themes/slider.base.css.js.map +1 -1
  426. package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
  427. package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
  428. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  429. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  430. package/components/stepper/step.d.ts +1 -1
  431. package/components/tabs/tabs.js +0 -1
  432. package/components/tabs/tabs.js.map +1 -1
  433. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  434. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  435. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  436. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  437. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  438. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  439. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  440. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  441. package/components/textarea/textarea.d.ts +14 -21
  442. package/components/textarea/textarea.js +66 -90
  443. package/components/textarea/textarea.js.map +1 -1
  444. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  445. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  446. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  447. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  448. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  449. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  450. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  451. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  452. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  453. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  454. package/components/textarea/themes/textarea.base.css.js +1 -1
  455. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  456. package/components/tile-manager/position.js +2 -1
  457. package/components/tile-manager/position.js.map +1 -1
  458. package/components/tile-manager/resize-state.js +1 -1
  459. package/components/tile-manager/resize-state.js.map +1 -1
  460. package/components/tile-manager/tile.d.ts +8 -12
  461. package/components/tile-manager/tile.js +16 -37
  462. package/components/tile-manager/tile.js.map +1 -1
  463. package/components/toast/themes/shared/toast.bootstrap.css.js +1 -1
  464. package/components/toast/themes/shared/toast.bootstrap.css.js.map +1 -1
  465. package/components/toast/themes/shared/toast.common.css.js +1 -1
  466. package/components/toast/themes/shared/toast.common.css.js.map +1 -1
  467. package/components/toast/themes/shared/toast.fluent.css.js +1 -1
  468. package/components/toast/themes/shared/toast.fluent.css.js.map +1 -1
  469. package/components/toast/themes/toast.base.css.js +1 -1
  470. package/components/toast/themes/toast.base.css.js.map +1 -1
  471. package/components/tooltip/themes/tooltip.base.css.js +1 -1
  472. package/components/tooltip/themes/tooltip.base.css.js.map +1 -1
  473. package/components/tree/themes/item.base.css.js +1 -1
  474. package/components/tree/themes/item.base.css.js.map +1 -1
  475. package/components/tree/themes/shared/item.common.css.js +1 -1
  476. package/components/tree/themes/shared/item.common.css.js.map +1 -1
  477. package/components/tree/themes/shared/item.indigo.css.js +1 -1
  478. package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
  479. package/components/tree/themes/shared/item.material.css.js +1 -1
  480. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  481. package/components/tree/tree.js +3 -1
  482. package/components/tree/tree.js.map +1 -1
  483. package/components/tree/tree.navigation.js +3 -3
  484. package/components/tree/tree.navigation.js.map +1 -1
  485. package/components/tree/tree.selection.js +6 -2
  486. package/components/tree/tree.selection.js.map +1 -1
  487. package/components/validation-container/validation-container.d.ts +2 -1
  488. package/components/validation-container/validation-container.js +19 -14
  489. package/components/validation-container/validation-container.js.map +1 -1
  490. package/custom-elements.json +9456 -6460
  491. package/igniteui-webcomponents.css-data.json +1 -1
  492. package/igniteui-webcomponents.html-data.json +1 -1
  493. package/package.json +1 -1
  494. package/themes/dark/bootstrap.css +1 -1
  495. package/themes/dark/fluent.css +1 -1
  496. package/themes/dark/indigo.css +1 -1
  497. package/themes/dark/material.css +1 -1
  498. package/themes/light/bootstrap.css +1 -1
  499. package/themes/light/fluent.css +1 -1
  500. package/themes/light/indigo.css +1 -1
  501. package/themes/light/material.css +1 -1
  502. package/web-types.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iDAAiD,CAAC;AAoBnF,MAAqB,oBAAqB,SAAQ,wBAAwB;IAA1E;;QAWmB,YAAO,GAAG,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAE1C,aAAQ,GAAG,YAAY,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;QAC1D,aAAQ,GAAG,kBAAkB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAOvD,kBAAa,GAAG,KAAK,CAAC;IA2E/B,CAAC;IA3FQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,EAAE,+BAA+B,CAAC,CAAC;IAC3E,CAAC;IAgBkB,YAAY,CAAC,KAAmB;QACjD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAES,wBAAwB;QAChC,OAAO,+BAA+B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;cACI,IAAI,CAAC,QAAQ;;;eAGZ,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;2BACP,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;yBAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;0BACjD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;mBAChD,IAAI,CAAC,YAAY;mBACjB,IAAI,CAAC,YAAY;;qBAEf,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uBACjC,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ;YAC/B,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;YACrB,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;oBAIjB,IAAI,CAAC,UAAU;iBAClB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACnC,IAAI,CAAC,QAAQ;;;;QAIpB,IAAI,CAAC,wBAAwB,EAAE;KAClC,CAAC;IACJ,CAAC;;AA9FsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAC/B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOnB,8BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;eATjC,oBAAoB;AAqBhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd","sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n */\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcCheckboxComponent, IgcValidationContainerComponent);\n }\n\n private static readonly increment = createCounter();\n\n private readonly _themes = addThemingController(this, all);\n\n private readonly _inputId = `checkbox-${IgcCheckboxComponent.increment()}`;\n private readonly _labelId = `checkbox-label-${this._inputId}`;\n\n /**\n * Draws the checkbox in indeterminate state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected override _handleClick(event: PointerEvent): void {\n this.indeterminate = false;\n super._handleClick(event);\n }\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected renderStandard() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n `;\n }\n\n protected renderIndigo() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n <path\n d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n />\n </svg>\n `;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label\n part=${partMap({\n base: true,\n checked,\n focused: this._focusRingManager.focused,\n })}\n for=${this._inputId}\n >\n <input\n id=${this._inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-checked=${this.indeterminate && !checked ? 'mixed' : checked}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n @click=${this._handleClick}\n @focus=${this._handleFocus}\n />\n <span part=${partMap({ control: true, checked })}>\n <span part=${partMap({ indicator: true, checked })}>\n ${this._themes.theme === 'indigo'\n ? this.renderIndigo()\n : this.renderStandard()}\n </span>\n </span>\n <span\n .hidden=${this._hideLabel}\n part=${partMap({ label: true, checked })}\n id=${this._labelId}\n ><slot></slot>\n </span>\n </label>\n ${this.renderValidatorContainer()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iDAAiD,CAAC;AAEnF,IAAI,MAAM,GAAG,CAAC,CAAC;AAoBf,MAAqB,oBAAqB,SAAQ,wBAAwB;IAA1E;;QASmB,YAAO,GAAG,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAE1C,aAAQ,GAAG,YAAY,MAAM,EAAE,EAAE,CAAC;QAClC,aAAQ,GAAG,kBAAkB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAOvD,kBAAa,GAAG,KAAK,CAAC;IA6E/B,CAAC;IA3FQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,EAAE,+BAA+B,CAAC,CAAC;IAC3E,CAAC;IAckB,YAAY,CAAC,KAAmB;QACjD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAES,yBAAyB;QACjC,OAAO,+BAA+B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAES,eAAe;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,CAAC;YAChE,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,OAAO,CAAC;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;cACI,IAAI,CAAC,QAAQ;;;eAGZ,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;2BACP,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;4BACvB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;6BACtC,WAAW;mBACrB,IAAI,CAAC,YAAY;kBAClB,IAAI,CAAC,WAAW;;qBAEb,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uBACjC,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ;YAC/B,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACtB,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;;;;eAIvB,IAAI,CAAC,QAAQ;iBACX,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oBAC9B,IAAI,CAAC,UAAU;;;;QAI3B,IAAI,CAAC,yBAAyB,EAAE;KACnC,CAAC;IACJ,CAAC;;AA9FsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAC/B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAFxB,oBAAoB;AAmBhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\nlet nextId = 1;\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n */\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcCheckboxComponent, IgcValidationContainerComponent);\n }\n\n private readonly _themes = addThemingController(this, all);\n\n private readonly _inputId = `checkbox-${nextId++}`;\n private readonly _labelId = `checkbox-label-${this._inputId}`;\n\n /**\n * Draws the checkbox in indeterminate state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected override _handleClick(event: PointerEvent): void {\n this.indeterminate = false;\n super._handleClick(event);\n }\n\n protected _renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected _renderStandard() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n `;\n }\n\n protected _renderIndigo() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n <path\n d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n />\n </svg>\n `;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const describedBy = this._slots.hasAssignedElements('helper-text')\n ? 'helper-text'\n : nothing;\n const checked = this.checked;\n\n return html`\n <label\n part=${partMap({\n base: true,\n checked,\n focused: this._focusRingManager.focused,\n })}\n for=${this._inputId}\n >\n <input\n id=${this._inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n ?required=${this.required}\n ?disabled=${this.disabled}\n .checked=${live(checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n aria-describedby=${describedBy}\n @click=${this._handleClick}\n @blur=${this._handleBlur}\n />\n <span part=${partMap({ control: true, checked })}>\n <span part=${partMap({ indicator: true, checked })}>\n ${this._themes.theme === 'indigo'\n ? this._renderIndigo()\n : this._renderStandard()}\n </span>\n </span>\n <span\n id=${this._labelId}\n part=${partMap({ label: true, checked })}\n ?hidden=${this._hideLabel}\n ><slot></slot>\n </span>\n </label>\n ${this._renderValidatorContainer()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}
@@ -17,7 +17,6 @@ export default class IgcSwitchComponent extends IgcCheckboxBaseComponent {
17
17
  static readonly tagName = "igc-switch";
18
18
  static styles: import("lit").CSSResult[];
19
19
  static register(): void;
20
- private static readonly increment;
21
20
  private readonly _inputId;
22
21
  private readonly _labelId;
23
22
  constructor();
@@ -4,18 +4,18 @@ import { live } from 'lit/directives/live.js';
4
4
  import { addThemingController } from '../../theming/theming-controller.js';
5
5
  import { registerComponent } from '../common/definitions/register.js';
6
6
  import { partMap } from '../common/part-map.js';
7
- import { createCounter } from '../common/util.js';
8
7
  import { IgcCheckboxBaseComponent } from './checkbox-base.js';
9
8
  import { styles as shared } from './themes/shared/switch/switch.common.css.js';
10
9
  import { styles } from './themes/switch.base.css.js';
11
10
  import { all } from './themes/switch-themes.js';
11
+ let nextId = 1;
12
12
  class IgcSwitchComponent extends IgcCheckboxBaseComponent {
13
13
  static register() {
14
14
  registerComponent(IgcSwitchComponent);
15
15
  }
16
16
  constructor() {
17
17
  super();
18
- this._inputId = `switch-${IgcSwitchComponent.increment()}`;
18
+ this._inputId = `switch-${nextId++}`;
19
19
  this._labelId = `switch-label-${this._inputId}`;
20
20
  addThemingController(this, all);
21
21
  }
@@ -29,14 +29,12 @@ class IgcSwitchComponent extends IgcCheckboxBaseComponent {
29
29
  type="checkbox"
30
30
  name=${ifDefined(this.name)}
31
31
  value=${ifDefined(this.value)}
32
- .required=${this.required}
33
- .disabled=${this.disabled}
32
+ ?required=${this.required}
33
+ ?disabled=${this.disabled}
34
34
  .checked=${live(checked)}
35
- aria-checked=${checked ? 'true' : 'false'}
36
- aria-disabled=${this.disabled ? 'true' : 'false'}
37
35
  aria-labelledby=${labelledBy ? labelledBy : this._labelId}
38
36
  @click=${this._handleClick}
39
- @focus=${this._handleFocus}
37
+ @blur=${this._handleBlur}
40
38
  />
41
39
  <span
42
40
  part=${partMap({
@@ -48,9 +46,9 @@ class IgcSwitchComponent extends IgcCheckboxBaseComponent {
48
46
  <span part=${partMap({ thumb: true, checked })}></span>
49
47
  </span>
50
48
  <span
51
- .hidden=${this._hideLabel}
52
- part=${partMap({ label: true, checked })}
53
49
  id=${this._labelId}
50
+ part=${partMap({ label: true, checked })}
51
+ ?hidden=${this._hideLabel}
54
52
  >
55
53
  <slot></slot>
56
54
  </span>
@@ -60,6 +58,5 @@ class IgcSwitchComponent extends IgcCheckboxBaseComponent {
60
58
  }
61
59
  IgcSwitchComponent.tagName = 'igc-switch';
62
60
  IgcSwitchComponent.styles = [styles, shared];
63
- IgcSwitchComponent.increment = createCounter();
64
61
  export default IgcSwitchComponent;
65
62
  //# sourceMappingURL=switch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAgBhD,MAAqB,kBAAmB,SAAQ,wBAAwB;IAK/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAOD;QACE,KAAK,EAAE,CAAC;QAJO,aAAQ,GAAG,UAAU,kBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QACtD,aAAQ,GAAG,gBAAgB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAI1D,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;oBACK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;;eAE1D,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;yBACT,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;mBAChD,IAAI,CAAC,YAAY;mBACjB,IAAI,CAAC,YAAY;;;iBAGnB,OAAO,CAAC;YACb,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;;uBAEW,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;oBAGpC,IAAI,CAAC,UAAU;iBAClB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACnC,IAAI,CAAC,QAAQ;;;;;KAKvB,CAAC;IACJ,CAAC;;AAxDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;eATjC,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { styles } from './themes/switch.base.css.js';\nimport { all } from './themes/switch-themes.js';\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-switch';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcSwitchComponent);\n }\n\n private static readonly increment = createCounter();\n\n private readonly _inputId = `switch-${IgcSwitchComponent.increment()}`;\n private readonly _labelId = `switch-label-${this._inputId}`;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label part=${partMap({ base: true, checked })} for=${this._inputId}>\n <input\n id=${this._inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(checked)}\n aria-checked=${checked ? 'true' : 'false'}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n @click=${this._handleClick}\n @focus=${this._handleFocus}\n />\n <span\n part=${partMap({\n control: true,\n checked,\n focused: this._focusRingManager.focused,\n })}\n >\n <span part=${partMap({ thumb: true, checked })}></span>\n </span>\n <span\n .hidden=${this._hideLabel}\n part=${partMap({ label: true, checked })}\n id=${this._labelId}\n >\n <slot></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-switch': IgcSwitchComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAEhD,IAAI,MAAM,GAAG,CAAC,CAAC;AAgBf,MAAqB,kBAAmB,SAAQ,wBAAwB;IAK/D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAKD;QACE,KAAK,EAAE,CAAC;QAJO,aAAQ,GAAG,UAAU,MAAM,EAAE,EAAE,CAAC;QAChC,aAAQ,GAAG,gBAAgB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAI1D,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;oBACK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;;eAE1D,IAAI,CAAC,QAAQ;;iBAEX,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;4BACN,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;mBAChD,IAAI,CAAC,YAAY;kBAClB,IAAI,CAAC,WAAW;;;iBAGjB,OAAO,CAAC;YACb,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;;uBAEW,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;eAGzC,IAAI,CAAC,QAAQ;iBACX,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oBAC9B,IAAI,CAAC,UAAU;;;;;KAK9B,CAAC;IACJ,CAAC;;AApDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAFrB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { styles } from './themes/switch.base.css.js';\nimport { all } from './themes/switch-themes.js';\n\nlet nextId = 1;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-switch';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcSwitchComponent);\n }\n\n private readonly _inputId = `switch-${nextId++}`;\n private readonly _labelId = `switch-label-${this._inputId}`;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label part=${partMap({ base: true, checked })} for=${this._inputId}>\n <input\n id=${this._inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n ?required=${this.required}\n ?disabled=${this.disabled}\n .checked=${live(checked)}\n aria-labelledby=${labelledBy ? labelledBy : this._labelId}\n @click=${this._handleClick}\n @blur=${this._handleBlur}\n />\n <span\n part=${partMap({\n control: true,\n checked,\n focused: this._focusRingManager.focused,\n })}\n >\n <span part=${partMap({ thumb: true, checked })}></span>\n </span>\n <span\n id=${this._labelId}\n part=${partMap({ label: true, checked })}\n ?hidden=${this._hideLabel}\n >\n <slot></slot>\n </span>\n </label>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-switch': IgcSwitchComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;
2
+ export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled]):state(ig-invalid)) [part~=indicator],:host(:not(:disabled):state(ig-invalid)) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;
3
3
  //# sourceMappingURL=checkbox.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gvDAAgvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;\n"]}
1
+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwDAAkwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, var(--ig-primary-900-contrast));--empty-fill-color: var(--ig-checkbox-empty-fill-color, var(--ig-gray-900-contrast));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, var(--ig-primary-900-contrast));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, var(--ig-primary-200));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-300));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-primary-900-contrast));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-400));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-500));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-primary-200));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-600));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-400));--ig-theme: bootstrap}:host(:not([disabled]):state(ig-invalid)) [part~=indicator],:host(:not(:disabled):state(ig-invalid)) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--ig-surface-500)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host([invalid]:hover) [part~=indicator]{stroke:var(--ig-error-500)}`;
2
+ export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--ig-error-500)}`;
3
3
  //# sourceMappingURL=checkbox.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uiCAAuiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host([invalid]:hover) [part~=indicator]{stroke:var(--ig-error-500)}`;\n"]}
1
+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gjCAAgjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, var(--ig-primary-300));--disabled-color: var(--ig-checkbox-disabled-color, var(--ig-gray-100));--disabled-color-label: var(--ig-checkbox-disabled-color-label, var(--ig-gray-300));--error-color: var(--ig-checkbox-error-color, var(--ig-error-100));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, var(--ig-gray-400));--focus-outline-color: var(--ig-checkbox-focus-outline-color, var(--ig-gray-400));--focus-border-color: var(--ig-checkbox-focus-border-color, var(--ig-gray-900));--empty-color: var(--ig-checkbox-empty-color, var(--ig-gray-900));--empty-color-hover: var(--ig-checkbox-empty-color-hover, var(--ig-gray-900));--fill-color-hover: var(--ig-checkbox-fill-color-hover, var(--ig-primary-100));--error-color-hover: var(--ig-checkbox-error-color-hover, var(--ig-error-50));--ig-theme: fluent}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--ig-error-500)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-surface-500));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-surface-500));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=switch.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kDAA8kD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-surface-500));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kqDAAkqD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-surface-500));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, var(--ig-primary-300));--track-on-color: var(--ig-switch-track-on-color, var(--ig-primary-300));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-50));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-50));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-50));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-100));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-400));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-100));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, var(--ig-primary-300));--track-on-color: var(--ig-switch-track-on-color, var(--ig-primary-300));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-50));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-50));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-50));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-100));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-400));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-900));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-100));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=switch.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k+CAAk+C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, var(--ig-primary-300));--track-on-color: var(--ig-switch-track-on-color, var(--ig-primary-300));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-50));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-50));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-50));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-100));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-400));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-100));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sjDAAsjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, var(--ig-primary-300));--track-on-color: var(--ig-switch-track-on-color, var(--ig-primary-300));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-50));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-50));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-50));--label-disabled-color: var(--ig-switch-label-disabled-color, var(--ig-gray-300));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-100));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-400));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-900));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-100));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-100));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-100));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-50-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-hover-color: var(--ig-switch-label-hover-color, var(--ig-gray-50-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-50-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-hover-color: var(--ig-switch-label-hover-color, var(--ig-gray-50-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=switch.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xDAA+xD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-50-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-hover-color: var(--ig-switch-label-hover-color, var(--ig-gray-50-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+4DAA+4D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-50-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--label-hover-color: var(--ig-switch-label-hover-color, var(--ig-gray-50-contrast));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{opacity:.24}`;
2
+ export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-100));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{opacity:.24}`;
3
3
  //# sourceMappingURL=switch.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k2DAAk2D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{opacity:.24}`;\n"]}
1
+ {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s7DAAs7D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-100));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-100));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{opacity:.24}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-300));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-300));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-300));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-300));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=switch.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qgDAAqgD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-300));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-300));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylDAAylD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-primary-800-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-primary-800-contrast));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-primary-200));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-400));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-500));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-primary-200));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-primary-300));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-600));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-300));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-300));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-100));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-400));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-700));--border-color: var(--ig-switch-border-color, var(--ig-gray-700));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-700));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-800));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-800));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-400));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-400));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-100));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-400));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-700));--border-color: var(--ig-switch-border-color, var(--ig-gray-700));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-700));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-900));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-800));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-800));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-400));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-400));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=switch.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oxCAAoxC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-100));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-400));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-700));--border-color: var(--ig-switch-border-color, var(--ig-gray-700));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-700));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-800));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-800));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-400));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-400));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w2CAAw2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-primary-800-contrast));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, var(--ig-gray-100));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, var(--ig-gray-400));--focus-outline-color: var(--ig-switch-focus-outline-color, var(--ig-gray-700));--border-color: var(--ig-switch-border-color, var(--ig-gray-700));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-700));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-900));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-900));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-700));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-900));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-800));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-800));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-400));--border-disabled-color: var(--ig-switch-border-disabled-color, var(--ig-gray-400));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--ig-theme: fluent}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-900-contrast) h s l/0.4));--label-color: var(--ig-switch-label-color, var(--ig-gray-800));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-600));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-500));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-900-contrast) h s l/0.4));--label-color: var(--ig-switch-label-color, var(--ig-gray-800));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-600));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-500));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=switch.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkDAAgkD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-900-contrast) h s l/0.4));--label-color: var(--ig-switch-label-color, var(--ig-gray-800));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-600));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-500));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,opDAAopD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-gray-900-contrast));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-900-contrast) h s l/0.4));--label-color: var(--ig-switch-label-color, var(--ig-gray-800));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-primary-400));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, var(--ig-gray-500));--border-hover-color: var(--ig-switch-border-hover-color, var(--ig-gray-600));--focus-fill-color: var(--ig-switch-focus-fill-color, var(--ig-gray-500));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, var(--ig-gray-500));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, var(--ig-primary-400));--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-500));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-600));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem));--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-50));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}`;
2
+ export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-50));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-50));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}`;
3
3
  //# sourceMappingURL=switch.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k+CAAk+C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-50));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qjDAAqjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, var(--ig-secondary-200));--track-disabled-color: var(--ig-switch-track-disabled-color, var(--ig-gray-300));--track-off-color: var(--ig-switch-track-off-color, var(--ig-gray-500));--thumb-on-color: var(--ig-switch-thumb-on-color, var(--ig-secondary-500));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, var(--ig-gray-50));--thumb-off-hover-color: var(--ig-switch-thumb-off-hover-color, var(--ig-gray-50));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, var(--ig-gray-200));--track-on-hover-color: var(--ig-switch-track-on-hover-color, var(--ig-secondary-200));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem));--ig-theme: material}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part="control checked"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part="control checked"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;
2
+ export const styles = css `:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part="control checked"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part="control checked"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part="control checked"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled]):state(ig-invalid)) [part~=control],:host(:focus-visible:not(:disabled):state(ig-invalid)) [part~=control],:host(:not([disabled]):state(ig-invalid)) [part~=focused] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;
3
3
  //# sourceMappingURL=checkbox.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mtKAAmtK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part=\"control checked\"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part=\"control checked\"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;\n"]}
1
+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uyLAAuyL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--focus-border-color) h calc(s * 1.12) calc(l * 0.82))}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part=\"control checked\"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled]):state(ig-invalid)) [part~=control],:host(:focus-visible:not(:disabled):state(ig-invalid)) [part~=control],:host(:not([disabled]):state(ig-invalid)) [part~=focused] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;
2
+ export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;
3
3
  //# sourceMappingURL=checkbox.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1BAAu1B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;\n"]}
1
+ {"version":3,"file":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y2BAAy2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-visible) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part="control checked"]::after{background:var(--error-color)}:host([invalid]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-visible) [part="control checked"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;
2
+ export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-visible) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part="control checked"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part="control checked"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;
3
3
  //# sourceMappingURL=checkbox.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqLAAqqL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-visible) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host([invalid]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-visible) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;\n"]}
1
+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4KAAm4K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem;--mark-stroke: 1.5}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-visible) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;\n"]}