igniteui-webcomponents 6.4.0-alpha.4 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (370) hide show
  1. package/CHANGELOG.md +79 -2
  2. package/README.md +65 -56
  3. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  4. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  5. package/components/button/themes/button/dark/button.material.css.js +1 -1
  6. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  7. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  8. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  9. package/components/button/themes/button/light/button.material.css.js +1 -1
  10. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  11. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  12. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/shared/button.common.css.js +1 -1
  14. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  15. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  16. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  17. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  18. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  19. package/components/button/themes/button/shared/button.material.css.js +1 -1
  20. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  21. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  22. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  23. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  24. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  25. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  26. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  27. package/components/button-group/themes/shared/button/button.material.css.js +1 -1
  28. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -1
  29. package/components/calendar/calendar.d.ts +5 -3
  30. package/components/calendar/calendar.js +22 -35
  31. package/components/calendar/calendar.js.map +1 -1
  32. package/components/calendar/days-view/days-view.d.ts +3 -3
  33. package/components/calendar/days-view/days-view.js +15 -22
  34. package/components/calendar/days-view/days-view.js.map +1 -1
  35. package/components/calendar/months-view/months-view.d.ts +2 -3
  36. package/components/calendar/months-view/months-view.js +9 -19
  37. package/components/calendar/months-view/months-view.js.map +1 -1
  38. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  39. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  40. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  41. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  42. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  43. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  44. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  45. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  46. package/components/calendar/themes/days.js +8 -23
  47. package/components/calendar/themes/days.js.map +1 -1
  48. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  49. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  50. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  51. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  52. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  53. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  54. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  55. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  56. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  57. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  58. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  59. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  60. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  61. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  62. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  63. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  64. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  65. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  66. package/components/calendar/themes/year-month.js +8 -23
  67. package/components/calendar/themes/year-month.js.map +1 -1
  68. package/components/carousel/carousel.d.ts +2 -1
  69. package/components/carousel/carousel.js.map +1 -1
  70. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  71. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  72. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  73. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  74. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  75. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  76. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  77. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  78. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  79. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  80. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  81. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  82. package/components/chip/chip.d.ts +2 -1
  83. package/components/chip/chip.js.map +1 -1
  84. package/components/combo/combo.d.ts +3 -2
  85. package/components/combo/combo.js +7 -0
  86. package/components/combo/combo.js.map +1 -1
  87. package/components/combo/controllers/selection.js.map +1 -1
  88. package/components/combo/validators.js +2 -2
  89. package/components/combo/validators.js.map +1 -1
  90. package/components/common/controllers/async-consumer.js.map +1 -1
  91. package/components/common/controllers/focus-ring.js +1 -5
  92. package/components/common/controllers/focus-ring.js.map +1 -1
  93. package/components/common/controllers/root-click.js +46 -21
  94. package/components/common/controllers/root-click.js.map +1 -1
  95. package/components/common/i18n/EN/calendar.resources.js +4 -1
  96. package/components/common/i18n/EN/calendar.resources.js.map +1 -1
  97. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -1
  98. package/components/common/i18n/i18n-controller.js +6 -9
  99. package/components/common/i18n/i18n-controller.js.map +1 -1
  100. package/components/common/i18n/utils.d.ts +0 -12
  101. package/components/common/i18n/utils.js +0 -12
  102. package/components/common/i18n/utils.js.map +1 -1
  103. package/components/common/mixins/forms/associated.js +3 -23
  104. package/components/common/mixins/forms/associated.js.map +1 -1
  105. package/components/common/util.d.ts +5 -0
  106. package/components/common/util.js +5 -0
  107. package/components/common/util.js.map +1 -1
  108. package/components/common/validators.d.ts +2 -4
  109. package/components/common/validators.js +13 -19
  110. package/components/common/validators.js.map +1 -1
  111. package/components/date-picker/date-picker.d.ts +7 -3
  112. package/components/date-picker/date-picker.js +2 -2
  113. package/components/date-picker/date-picker.js.map +1 -1
  114. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  115. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  116. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  117. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  118. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  119. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  120. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  121. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  122. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  123. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  124. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  125. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  126. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  127. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  128. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  129. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  130. package/components/date-picker/validators.js +2 -3
  131. package/components/date-picker/validators.js.map +1 -1
  132. package/components/date-range-picker/date-range-picker.d.ts +7 -2
  133. package/components/date-range-picker/date-range-picker.js +12 -9
  134. package/components/date-range-picker/date-range-picker.js.map +1 -1
  135. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  136. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  137. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  138. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  139. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  140. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  141. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  142. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  143. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  144. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  145. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  146. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  147. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  148. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  149. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  150. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  151. package/components/date-range-picker/validators.js +5 -8
  152. package/components/date-range-picker/validators.js.map +1 -1
  153. package/components/date-time-input/date-time-input.d.ts +6 -2
  154. package/components/date-time-input/date-time-input.js +22 -15
  155. package/components/date-time-input/date-time-input.js.map +1 -1
  156. package/components/date-time-input/date-util.d.ts +11 -9
  157. package/components/date-time-input/date-util.js +23 -219
  158. package/components/date-time-input/date-util.js.map +1 -1
  159. package/components/dialog/dialog.d.ts +2 -0
  160. package/components/dialog/dialog.js +18 -9
  161. package/components/dialog/dialog.js.map +1 -1
  162. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  163. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  164. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  165. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  166. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  167. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  168. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  169. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  170. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  171. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  172. package/components/file-input/file-input.d.ts +13 -0
  173. package/components/file-input/file-input.js +27 -2
  174. package/components/file-input/file-input.js.map +1 -1
  175. package/components/input/themes/dark/input.indigo.css.js +1 -1
  176. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  177. package/components/input/themes/light/input.indigo.css.js +1 -1
  178. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  179. package/components/input/themes/light/input.shared.css.js +1 -1
  180. package/components/input/themes/light/input.shared.css.js.map +1 -1
  181. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  182. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  183. package/components/input/themes/shared/input.common.css.js +1 -1
  184. package/components/input/themes/shared/input.common.css.js.map +1 -1
  185. package/components/input/themes/shared/input.fluent.css.js +1 -1
  186. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  187. package/components/input/themes/shared/input.indigo.css.js +1 -1
  188. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  189. package/components/input/themes/shared/input.material.css.js +1 -1
  190. package/components/input/themes/shared/input.material.css.js.map +1 -1
  191. package/components/input/validators.js +3 -3
  192. package/components/input/validators.js.map +1 -1
  193. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  194. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  195. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  196. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  197. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  198. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  199. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  200. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  201. package/components/mask-input/mask-input-base.js +3 -2
  202. package/components/mask-input/mask-input-base.js.map +1 -1
  203. package/components/mask-input/mask-parser.d.ts +30 -7
  204. package/components/mask-input/mask-parser.js +70 -42
  205. package/components/mask-input/mask-parser.js.map +1 -1
  206. package/components/mask-input/validators.js +2 -2
  207. package/components/mask-input/validators.js.map +1 -1
  208. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  209. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  210. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  211. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  212. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  213. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  214. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  215. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  216. package/components/radio/themes/light/radio.material.css.js +1 -1
  217. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  218. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  219. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  220. package/components/radio/themes/shared/radio.common.css.js +1 -1
  221. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  222. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  223. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  224. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  225. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  226. package/components/radio/themes/shared/radio.material.css.js +1 -1
  227. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  228. package/components/radio/validators.js +2 -2
  229. package/components/radio/validators.js.map +1 -1
  230. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  231. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  232. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  233. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  234. package/components/ripple/ripple.d.ts +3 -3
  235. package/components/ripple/ripple.js +34 -31
  236. package/components/ripple/ripple.js.map +1 -1
  237. package/components/stepper/step.js +2 -2
  238. package/components/stepper/step.js.map +1 -1
  239. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  240. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  241. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  242. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  243. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  244. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  245. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  246. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  247. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  248. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  249. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  250. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  251. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  252. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  253. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  254. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  255. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  256. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  257. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  258. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  259. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  260. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  261. package/components/tabs/tab-dom.js +8 -9
  262. package/components/tabs/tab-dom.js.map +1 -1
  263. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  264. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  265. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  266. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  267. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  268. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  269. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  270. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  271. package/components/tabs/themes/dark/tab.shared.css.js +1 -1
  272. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -1
  273. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  274. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  275. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  276. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  277. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  278. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  279. package/components/tabs/themes/light/tab.material.css.js +1 -1
  280. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  281. package/components/tabs/themes/light/tab.shared.css.js +1 -1
  282. package/components/tabs/themes/light/tab.shared.css.js.map +1 -1
  283. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  284. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  285. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  286. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  287. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  288. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  289. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  290. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  291. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  292. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  293. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  294. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  295. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  296. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  297. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  298. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  299. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  300. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  301. package/components/tabs/themes/tabs.base.css.js +1 -1
  302. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  303. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  304. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  305. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  306. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  307. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  308. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  309. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  310. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  311. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  312. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  313. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  314. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  315. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  316. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  317. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  318. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  319. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  320. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  321. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  322. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  323. package/components/tree/tree-item.js +4 -0
  324. package/components/tree/tree-item.js.map +1 -1
  325. package/components/tree/tree.d.ts +14 -0
  326. package/components/tree/tree.js +23 -0
  327. package/components/tree/tree.js.map +1 -1
  328. package/components/validation-container/validation-container.d.ts +0 -1
  329. package/components/validation-container/validation-container.js +6 -9
  330. package/components/validation-container/validation-container.js.map +1 -1
  331. package/custom-elements.json +706 -1056
  332. package/igniteui-webcomponents.html-data.json +1 -1
  333. package/index.d.ts +2 -1
  334. package/index.js +2 -1
  335. package/index.js.map +1 -1
  336. package/package.json +9 -4
  337. package/web-types.json +1 -1
  338. package/components/common/localization/intl-formatters.d.ts +0 -17
  339. package/components/common/localization/intl-formatters.js +0 -46
  340. package/components/common/localization/intl-formatters.js.map +0 -1
  341. package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts +0 -1
  342. package/components/validation-container/themes/dark/validator.bootstrap.css.js +0 -3
  343. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +0 -1
  344. package/components/validation-container/themes/dark/validator.fluent.css.d.ts +0 -1
  345. package/components/validation-container/themes/dark/validator.fluent.css.js +0 -3
  346. package/components/validation-container/themes/dark/validator.fluent.css.js.map +0 -1
  347. package/components/validation-container/themes/dark/validator.indigo.css.d.ts +0 -1
  348. package/components/validation-container/themes/dark/validator.indigo.css.js +0 -3
  349. package/components/validation-container/themes/dark/validator.indigo.css.js.map +0 -1
  350. package/components/validation-container/themes/dark/validator.material.css.d.ts +0 -1
  351. package/components/validation-container/themes/dark/validator.material.css.js +0 -3
  352. package/components/validation-container/themes/dark/validator.material.css.js.map +0 -1
  353. package/components/validation-container/themes/light/validator.bootstrap.css.d.ts +0 -1
  354. package/components/validation-container/themes/light/validator.bootstrap.css.js +0 -3
  355. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +0 -1
  356. package/components/validation-container/themes/light/validator.fluent.css.d.ts +0 -1
  357. package/components/validation-container/themes/light/validator.fluent.css.js +0 -3
  358. package/components/validation-container/themes/light/validator.fluent.css.js.map +0 -1
  359. package/components/validation-container/themes/light/validator.indigo.css.d.ts +0 -1
  360. package/components/validation-container/themes/light/validator.indigo.css.js +0 -3
  361. package/components/validation-container/themes/light/validator.indigo.css.js.map +0 -1
  362. package/components/validation-container/themes/light/validator.material.css.d.ts +0 -1
  363. package/components/validation-container/themes/light/validator.material.css.js +0 -3
  364. package/components/validation-container/themes/light/validator.material.css.js.map +0 -1
  365. package/components/validation-container/themes/light/validator.shared.css.d.ts +0 -1
  366. package/components/validation-container/themes/light/validator.shared.css.js +0 -3
  367. package/components/validation-container/themes/light/validator.shared.css.js.map +0 -1
  368. package/components/validation-container/themes/themes.d.ts +0 -2
  369. package/components/validation-container/themes/themes.js +0 -46
  370. package/components/validation-container/themes/themes.js.map +0 -1
package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=date-range-picker.bootstrap.css.js.map
package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhLAAmhL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2rLAA2rL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-300));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=date-range-picker.fluent.css.js.map
package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q6KAAq6K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6kLAA6kL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-600));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-primary-500-contrast));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-400));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-400));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-600));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-primary-500-contrast));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-400));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-gray-700));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-400));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=date-range-picker.indigo.css.js.map
package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,urLAAurL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-600));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-primary-500-contrast));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-400));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-400));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,81LAA81L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, var(--ig-gray-600));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-primary-500-contrast));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-400));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-gray-700));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-400));--ig-theme: indigo}`;\n"]}
package/components/date-range-picker/themes/light/date-range-picker.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: material}`;
2
+ export const styles = css `:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: material}`;
3
3
  //# sourceMappingURL=date-range-picker.material.css.js.map
package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q3KAAq3K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/light/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6hLAA6hL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-daterangepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-daterangepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-200));--ig-theme: material}`;\n"]}
package/components/date-range-picker/validators.js CHANGED
@@ -1,11 +1,10 @@
1
+ import { ValidationResourceStringsEN } from 'igniteui-i18n-core';
1
2
  import { calendarRange, isDateInRanges } from '../calendar/helpers.js';
2
3
  import { CalendarDay } from '../calendar/model.js';
3
- import { validationResourcesKeys } from '../common/i18n/utils.js';
4
4
  import { formatString, isEmpty } from '../common/util.js';
5
5
  export const minDateRangeValidator = {
6
6
  key: 'rangeUnderflow',
7
- messageResourceKey: validationResourcesKeys.min,
8
- messageFormat: (message, { min }) => formatString(message, min),
7
+ message: ({ min }) => formatString(ValidationResourceStringsEN.min_validation_error, min),
9
8
  isValid: ({ value, min }) => {
10
9
  if (!min) {
11
10
  return true;
@@ -17,8 +16,7 @@ export const minDateRangeValidator = {
17
16
  };
18
17
  export const maxDateRangeValidator = {
19
18
  key: 'rangeOverflow',
20
- messageResourceKey: validationResourcesKeys.max,
21
- messageFormat: (message, { max }) => formatString(message, max),
19
+ message: ({ max }) => formatString(ValidationResourceStringsEN.max_validation_error, max),
22
20
  isValid: ({ value, max }) => {
23
21
  if (!max) {
24
22
  return true;
@@ -30,15 +28,14 @@ export const maxDateRangeValidator = {
30
28
  };
31
29
  export const requiredDateRangeValidator = {
32
30
  key: 'valueMissing',
33
- messageResourceKey: validationResourcesKeys.required,
31
+ message: ValidationResourceStringsEN.required_validation_error,
34
32
  isValid: ({ required, value }) => {
35
33
  return required ? isCompleteDateRange(value) : true;
36
34
  },
37
35
  };
38
36
  export const badInputDateRangeValidator = {
39
37
  key: 'badInput',
40
- messageResourceKey: validationResourcesKeys.disabledDate,
41
- messageFormat: (message, { value }) => formatString(message, value),
38
+ message: ({ value }) => formatString(ValidationResourceStringsEN.disabled_date_validation_error, value),
42
39
  isValid: ({ value, disabledDates }) => {
43
40
  if (!isCompleteDateRange(value) ||
44
41
  !disabledDates ||
package/components/date-range-picker/validators.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK1D,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,gBAAgB;IACrB,kBAAkB,EAAE,uBAAuB,CAAC,GAAG;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC;IAC/D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,eAAe;IACpB,kBAAkB,EAAE,uBAAuB,CAAC,GAAG;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC;IAC/D,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAGlC;IACH,GAAG,EAAE,cAAc;IACnB,kBAAkB,EAAE,uBAAuB,CAAC,QAAQ;IACpD,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAIlC;IACH,GAAG,EAAE,UAAU;IACf,kBAAkB,EAAE,uBAAuB,CAAC,YAAY;IACxD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;IACnE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACpC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { calendarRange, isDateInRanges } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport type { DateRangeDescriptor } from '../calendar/types.js';\nimport { validationResourcesKeys } from '../common/i18n/utils.js';\nimport { formatString, isEmpty } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\nimport type { DateRangeValue } from './date-range-picker.js';\n\nexport const minDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n min?: Date | null;\n}> = {\n key: 'rangeUnderflow',\n messageResourceKey: validationResourcesKeys.min,\n messageFormat: (message, { min }) => formatString(message, min),\n isValid: ({ value, min }) => {\n if (!min) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, min) < 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const maxDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n max?: Date | null;\n}> = {\n key: 'rangeOverflow',\n messageResourceKey: validationResourcesKeys.max,\n messageFormat: (message, { max }) => formatString(message, max),\n isValid: ({ value, max }) => {\n if (!max) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, max) > 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const requiredDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n}> = {\n key: 'valueMissing',\n messageResourceKey: validationResourcesKeys.required,\n isValid: ({ required, value }) => {\n return required ? isCompleteDateRange(value) : true;\n },\n};\n\nexport const badInputDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n disabledDates?: DateRangeDescriptor[];\n}> = {\n key: 'badInput',\n messageResourceKey: validationResourcesKeys.disabledDate,\n messageFormat: (message, { value }) => formatString(message, value),\n isValid: ({ value, disabledDates }) => {\n if (\n !isCompleteDateRange(value) ||\n !disabledDates ||\n isEmpty(disabledDates)\n ) {\n return true;\n }\n\n return Array.from(\n calendarRange({ start: value.start, end: value.end, inclusive: true })\n ).every((date) => !isDateInRanges(date, disabledDates));\n },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n requiredDateRangeValidator,\n minDateRangeValidator,\n maxDateRangeValidator,\n badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n return value != null && value.start != null && value.end != null;\n}\n"]}
1
+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAK1D,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,gBAAgB;IACrB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CACnB,YAAY,CAAC,2BAA2B,CAAC,oBAAqB,EAAE,GAAG,CAAC;IACtE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAG7B;IACH,GAAG,EAAE,eAAe;IACpB,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CACnB,YAAY,CAAC,2BAA2B,CAAC,oBAAqB,EAAE,GAAG,CAAC;IACtE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,cAAc,GAClB,KAAK,EAAE,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,EAAE,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAE3E,OAAO,CAAC,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC;IAC3C,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAGlC;IACH,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;IAC/D,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAIlC;IACH,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,KAAK,CACN;IACH,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACpC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { calendarRange, isDateInRanges } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport type { DateRangeDescriptor } from '../calendar/types.js';\nimport { formatString, isEmpty } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\nimport type { DateRangeValue } from './date-range-picker.js';\n\nexport const minDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n min?: Date | null;\n}> = {\n key: 'rangeUnderflow',\n message: ({ min }) =>\n formatString(ValidationResourceStringsEN.min_validation_error!, min),\n isValid: ({ value, min }) => {\n if (!min) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, min) < 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const maxDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n max?: Date | null;\n}> = {\n key: 'rangeOverflow',\n message: ({ max }) =>\n formatString(ValidationResourceStringsEN.max_validation_error!, max),\n isValid: ({ value, max }) => {\n if (!max) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, max) > 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const requiredDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n}> = {\n key: 'valueMissing',\n message: ValidationResourceStringsEN.required_validation_error!,\n isValid: ({ required, value }) => {\n return required ? isCompleteDateRange(value) : true;\n },\n};\n\nexport const badInputDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n disabledDates?: DateRangeDescriptor[];\n}> = {\n key: 'badInput',\n message: ({ value }) =>\n formatString(\n ValidationResourceStringsEN.disabled_date_validation_error!,\n value\n ),\n isValid: ({ value, disabledDates }) => {\n if (\n !isCompleteDateRange(value) ||\n !disabledDates ||\n isEmpty(disabledDates)\n ) {\n return true;\n }\n\n return Array.from(\n calendarRange({ start: value.start, end: value.end, inclusive: true })\n ).every((date) => !isDateInRanges(date, disabledDates));\n },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n requiredDateRangeValidator,\n minDateRangeValidator,\n maxDateRangeValidator,\n badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n return value != null && value.start != null && value.end != null;\n}\n"]}
package/components/date-time-input/date-time-input.d.ts CHANGED
@@ -38,6 +38,8 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
38
38
  protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<Date | null>;
39
39
  private readonly _i18nController;
40
40
  protected _defaultMask: string;
41
+ private _defaultDisplayFormat;
42
+ private _displayFormat?;
41
43
  private _oldValue;
42
44
  private _min;
43
45
  private _max;
@@ -70,10 +72,11 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
70
72
  get max(): Date | null;
71
73
  /**
72
74
  * Format to display the value in when not editing.
73
- * Defaults to the input format if not set.
75
+ * Defaults to the locale format if not set.
74
76
  * @attr display-format
75
77
  */
76
- displayFormat: string;
78
+ set displayFormat(value: string);
79
+ get displayFormat(): string;
77
80
  /**
78
81
  * Delta values used to increment or decrement each date part on step actions.
79
82
  * All values default to `1`.
@@ -114,6 +117,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
114
117
  private spinValue;
115
118
  private onWheel;
116
119
  private updateDefaultMask;
120
+ private updateDefaultDisplayFormat;
117
121
  private setMask;
118
122
  private parseDate;
119
123
  private getMaskedValue;
package/components/date-time-input/date-time-input.js CHANGED
@@ -4,6 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
+ import { getDateFormatter } from 'igniteui-i18n-core';
7
8
  import { html } from 'lit';
8
9
  import { eventOptions, property } from 'lit/decorators.js';
9
10
  import { ifDefined } from 'lit/directives/if-defined.js';
@@ -62,6 +63,12 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
62
63
  get max() {
63
64
  return this._max;
64
65
  }
66
+ set displayFormat(value) {
67
+ this._displayFormat = value;
68
+ }
69
+ get displayFormat() {
70
+ return (this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat);
71
+ }
65
72
  set locale(value) {
66
73
  this._i18nController.locale = value;
67
74
  }
@@ -69,6 +76,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
69
76
  return this._i18nController.locale;
70
77
  }
71
78
  setDefaultMask() {
79
+ this.updateDefaultDisplayFormat();
72
80
  if (!this._inputFormat) {
73
81
  this.updateDefaultMask();
74
82
  this.setMask(this._defaultMask);
@@ -78,20 +86,21 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
78
86
  }
79
87
  }
80
88
  setDisplayFormat() {
89
+ this.updateDefaultDisplayFormat();
81
90
  if (this.value) {
82
91
  this.updateMask();
83
92
  }
84
93
  }
85
94
  get hasDateParts() {
86
95
  const parts = this._inputDateParts ||
87
- DateTimeUtil.parseDateTimeFormat(this.inputFormat);
96
+ DateTimeUtil.parseDateTimeFormat(this.inputFormat, this.locale);
88
97
  return parts.some((p) => p.type === DateParts.Date ||
89
98
  p.type === DateParts.Month ||
90
99
  p.type === DateParts.Year);
91
100
  }
92
101
  get hasTimeParts() {
93
102
  const parts = this._inputDateParts ||
94
- DateTimeUtil.parseDateTimeFormat(this.inputFormat);
103
+ DateTimeUtil.parseDateTimeFormat(this.inputFormat, this.locale);
95
104
  return parts.some((p) => p.type === DateParts.Hours ||
96
105
  p.type === DateParts.Minutes ||
97
106
  p.type === DateParts.Seconds);
@@ -128,6 +137,9 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
128
137
  });
129
138
  this._i18nController = addI18nController(this, {
130
139
  defaultEN: {},
140
+ onResourceChange: () => {
141
+ this.setDefaultMask();
142
+ },
131
143
  });
132
144
  this._oldValue = null;
133
145
  this._min = null;
@@ -154,6 +166,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
154
166
  connectedCallback() {
155
167
  super.connectedCallback();
156
168
  this.updateDefaultMask();
169
+ this.updateDefaultDisplayFormat();
157
170
  this.setMask(this.inputFormat);
158
171
  if (this.value) {
159
172
  this.updateMask();
@@ -196,16 +209,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
196
209
  this._maskedValue = '';
197
210
  return;
198
211
  }
199
- const format = this.displayFormat || this.inputFormat;
200
- if (this.displayFormat) {
201
- this._maskedValue = DateTimeUtil.formatDate(this.value, this.locale, format, true);
202
- }
203
- else if (this.inputFormat) {
204
- this._maskedValue = DateTimeUtil.formatDate(this.value, this.locale, format);
205
- }
206
- else {
207
- this._maskedValue = this.value.toLocaleString();
208
- }
212
+ this._maskedValue = DateTimeUtil.formatDisplayDate(this.value, this.locale, this.displayFormat);
209
213
  }
210
214
  }
211
215
  _fireInputEvent() {
@@ -287,11 +291,14 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
287
291
  this.setSelectionRange(start, end);
288
292
  }
289
293
  updateDefaultMask() {
290
- this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);
294
+ this._defaultMask = DateTimeUtil.getDefaultInputMask(this.locale);
295
+ }
296
+ updateDefaultDisplayFormat() {
297
+ this._defaultDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(this.locale);
291
298
  }
292
299
  setMask(string) {
293
300
  const oldFormat = this._inputDateParts?.map((p) => p.format).join('');
294
- this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string);
301
+ this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string, this.locale, true);
295
302
  const value = this._inputDateParts.map((p) => p.format).join('');
296
303
  this._defaultMask = value;
297
304
  const newMask = (value || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(new RegExp(/(?=[^t])[\w]/, 'g'), '0');
@@ -434,7 +441,7 @@ __decorate([
434
441
  ], IgcDateTimeInputComponent.prototype, "max", null);
435
442
  __decorate([
436
443
  property({ attribute: 'display-format' })
437
- ], IgcDateTimeInputComponent.prototype, "displayFormat", void 0);
444
+ ], IgcDateTimeInputComponent.prototype, "displayFormat", null);
438
445
  __decorate([
439
446
  property({ attribute: false })
440
447
  ], IgcDateTimeInputComponent.prototype, "spinDelta", void 0);