igniteui-webcomponents 6.0.0 → 6.1.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 (431) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/README.md +6 -1
  3. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  5. package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
  6. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
  7. package/components/avatar/themes/dark/avatar.material.css.js +1 -1
  8. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
  9. package/components/button/button-base.d.ts +5 -6
  10. package/components/button/button-base.js +15 -29
  11. package/components/button/button-base.js.map +1 -1
  12. package/components/button/themes/button/light/button.shared.css.js +1 -1
  13. package/components/button/themes/button/light/button.shared.css.js.map +1 -1
  14. package/components/button-group/toggle-button.d.ts +2 -2
  15. package/components/button-group/toggle-button.js +4 -6
  16. package/components/button-group/toggle-button.js.map +1 -1
  17. package/components/calendar/calendar.d.ts +1 -1
  18. package/components/calendar/calendar.js +12 -9
  19. package/components/calendar/calendar.js.map +1 -1
  20. package/components/calendar/days-view/days-view.d.ts +1 -1
  21. package/components/calendar/days-view/days-view.js +8 -9
  22. package/components/calendar/days-view/days-view.js.map +1 -1
  23. package/components/calendar/helpers.d.ts +12 -1
  24. package/components/calendar/helpers.js +35 -10
  25. package/components/calendar/helpers.js.map +1 -1
  26. package/components/calendar/model.d.ts +15 -1
  27. package/components/calendar/model.js +26 -5
  28. package/components/calendar/model.js.map +1 -1
  29. package/components/calendar/months-view/months-view.d.ts +1 -1
  30. package/components/calendar/months-view/months-view.js +6 -6
  31. package/components/calendar/months-view/months-view.js.map +1 -1
  32. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  33. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  34. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  35. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  36. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  37. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  38. package/components/calendar/years-view/years-view.d.ts +1 -1
  39. package/components/calendar/years-view/years-view.js +6 -6
  40. package/components/calendar/years-view/years-view.js.map +1 -1
  41. package/components/carousel/carousel-indicator-container.d.ts +2 -2
  42. package/components/carousel/carousel-indicator-container.js +8 -9
  43. package/components/carousel/carousel-indicator-container.js.map +1 -1
  44. package/components/carousel/carousel.d.ts +7 -8
  45. package/components/carousel/carousel.js +24 -20
  46. package/components/carousel/carousel.js.map +1 -1
  47. package/components/checkbox/checkbox-base.d.ts +8 -10
  48. package/components/checkbox/checkbox-base.js +20 -23
  49. package/components/checkbox/checkbox-base.js.map +1 -1
  50. package/components/checkbox/checkbox.d.ts +3 -3
  51. package/components/checkbox/checkbox.js +18 -19
  52. package/components/checkbox/checkbox.js.map +1 -1
  53. package/components/checkbox/switch.d.ts +2 -2
  54. package/components/checkbox/switch.js +15 -19
  55. package/components/checkbox/switch.js.map +1 -1
  56. package/components/chip/chip.d.ts +4 -0
  57. package/components/chip/chip.js +29 -6
  58. package/components/chip/chip.js.map +1 -1
  59. package/components/chip/themes/shared/chip.common.css.js +1 -1
  60. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  61. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  62. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  63. package/components/combo/combo.d.ts +2 -2
  64. package/components/combo/combo.js +12 -11
  65. package/components/combo/combo.js.map +1 -1
  66. package/components/combo/themes/combo.base.css.js +1 -1
  67. package/components/combo/themes/combo.base.css.js.map +1 -1
  68. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  69. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  70. package/components/common/controllers/focus-ring.d.ts +21 -11
  71. package/components/common/controllers/focus-ring.js +16 -14
  72. package/components/common/controllers/focus-ring.js.map +1 -1
  73. package/components/common/controllers/gestures.d.ts +1 -0
  74. package/components/common/controllers/gestures.js.map +1 -1
  75. package/components/common/controllers/key-bindings.d.ts +40 -33
  76. package/components/common/controllers/key-bindings.js +83 -71
  77. package/components/common/controllers/key-bindings.js.map +1 -1
  78. package/components/common/controllers/resize-observer.d.ts +11 -8
  79. package/components/common/controllers/resize-observer.js +3 -3
  80. package/components/common/controllers/resize-observer.js.map +1 -1
  81. package/components/common/definitions/defineAllComponents.js +2 -0
  82. package/components/common/definitions/defineAllComponents.js.map +1 -1
  83. package/components/common/i18n/date-range-picker.resources.d.ts +11 -0
  84. package/components/common/i18n/date-range-picker.resources.js +12 -0
  85. package/components/common/i18n/date-range-picker.resources.js.map +1 -0
  86. package/components/common/mixins/combo-box.js +8 -2
  87. package/components/common/mixins/combo-box.js.map +1 -1
  88. package/components/common/mixins/forms/form-value.d.ts +15 -1
  89. package/components/common/mixins/forms/form-value.js +25 -4
  90. package/components/common/mixins/forms/form-value.js.map +1 -1
  91. package/components/common/mixins/option.d.ts +3 -2
  92. package/components/common/mixins/option.js.map +1 -1
  93. package/components/common/part-map.d.ts +17 -0
  94. package/components/common/part-map.js +46 -0
  95. package/components/common/part-map.js.map +1 -0
  96. package/components/common/util.d.ts +5 -6
  97. package/components/common/util.js +17 -22
  98. package/components/common/util.js.map +1 -1
  99. package/components/common/validators.js +3 -7
  100. package/components/common/validators.js.map +1 -1
  101. package/components/date-picker/date-picker.d.ts +37 -37
  102. package/components/date-picker/date-picker.js +142 -140
  103. package/components/date-picker/date-picker.js.map +1 -1
  104. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  105. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  106. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  107. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  108. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  109. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  110. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  111. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  112. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  113. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  114. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  115. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  116. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  117. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  118. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  119. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  120. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  121. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  122. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  123. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  124. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  125. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  126. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  127. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  128. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  129. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  130. package/components/date-picker/themes/shared/date-picker.material.css.js +3 -0
  131. package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -0
  132. package/components/date-picker/themes/themes.js +3 -2
  133. package/components/date-picker/themes/themes.js.map +1 -1
  134. package/components/date-range-picker/date-range-picker.base.css.js +3 -0
  135. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -0
  136. package/components/date-range-picker/date-range-picker.d.ts +365 -0
  137. package/components/date-range-picker/date-range-picker.js +810 -0
  138. package/components/date-range-picker/date-range-picker.js.map +1 -0
  139. package/components/{radio-group/radio-group.base.css.js → date-range-picker/predefined-ranges-area.base.css.js} +2 -2
  140. package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -0
  141. package/components/date-range-picker/predefined-ranges-area.d.ts +36 -0
  142. package/components/date-range-picker/predefined-ranges-area.js +115 -0
  143. package/components/date-range-picker/predefined-ranges-area.js.map +1 -0
  144. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +3 -0
  145. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -0
  146. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.d.ts +1 -0
  147. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +3 -0
  148. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -0
  149. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.d.ts +1 -0
  150. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +3 -0
  151. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -0
  152. package/components/date-range-picker/themes/dark/date-range-picker.material.css.d.ts +1 -0
  153. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +3 -0
  154. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -0
  155. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.d.ts +1 -0
  156. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +3 -0
  157. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -0
  158. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.d.ts +1 -0
  159. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +3 -0
  160. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -0
  161. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.d.ts +1 -0
  162. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +3 -0
  163. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -0
  164. package/components/date-range-picker/themes/light/date-range-picker.material.css.d.ts +1 -0
  165. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +3 -0
  166. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -0
  167. package/components/date-range-picker/themes/light/date-range-picker.shared.css.d.ts +1 -0
  168. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js +3 -0
  169. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js.map +1 -0
  170. package/components/date-range-picker/themes/ranges-themes.d.ts +2 -0
  171. package/components/date-range-picker/themes/ranges-themes.js +14 -0
  172. package/components/date-range-picker/themes/ranges-themes.js.map +1 -0
  173. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.d.ts +1 -0
  174. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +3 -0
  175. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -0
  176. package/components/date-range-picker/themes/shared/date-range-picker.common.css.d.ts +1 -0
  177. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +3 -0
  178. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -0
  179. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.d.ts +1 -0
  180. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +3 -0
  181. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -0
  182. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.d.ts +1 -0
  183. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +3 -0
  184. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -0
  185. package/components/date-range-picker/themes/shared/date-range-picker.material.css.d.ts +1 -0
  186. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +3 -0
  187. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -0
  188. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.d.ts +1 -0
  189. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js +3 -0
  190. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js.map +1 -0
  191. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.d.ts +1 -0
  192. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js +3 -0
  193. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js.map +1 -0
  194. package/components/date-range-picker/themes/themes.d.ts +2 -0
  195. package/components/date-range-picker/themes/themes.js +50 -0
  196. package/components/date-range-picker/themes/themes.js.map +1 -0
  197. package/components/date-range-picker/validators.d.ts +26 -0
  198. package/components/date-range-picker/validators.js +57 -0
  199. package/components/date-range-picker/validators.js.map +1 -0
  200. package/components/date-time-input/date-time-input.d.ts +2 -2
  201. package/components/date-time-input/date-time-input.js +8 -10
  202. package/components/date-time-input/date-time-input.js.map +1 -1
  203. package/components/date-time-input/date-util.d.ts +7 -0
  204. package/components/date-time-input/date-util.js +11 -0
  205. package/components/date-time-input/date-util.js.map +1 -1
  206. package/components/dialog/dialog.js +11 -10
  207. package/components/dialog/dialog.js.map +1 -1
  208. package/components/dialog/themes/dialog.base.css.js +1 -1
  209. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  210. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  211. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  212. package/components/dropdown/dropdown.js.map +1 -1
  213. package/components/file-input/file-input.d.ts +12 -6
  214. package/components/file-input/file-input.js +23 -19
  215. package/components/file-input/file-input.js.map +1 -1
  216. package/components/file-input/themes/file-input.base.css.js +1 -1
  217. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  218. package/components/input/input-base.d.ts +0 -1
  219. package/components/input/input-base.js +5 -4
  220. package/components/input/input-base.js.map +1 -1
  221. package/components/input/input.d.ts +2 -3
  222. package/components/input/input.js +10 -9
  223. package/components/input/input.js.map +1 -1
  224. package/components/input/themes/dark/input.bootstrap.css.js +1 -1
  225. package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
  226. package/components/input/themes/dark/input.indigo.css.js +1 -1
  227. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  228. package/components/input/themes/input.base.css.js +1 -1
  229. package/components/input/themes/input.base.css.js.map +1 -1
  230. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  231. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  232. package/components/input/themes/light/input.indigo.css.js +1 -1
  233. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  234. package/components/input/themes/light/input.shared.css.js +1 -1
  235. package/components/input/themes/light/input.shared.css.js.map +1 -1
  236. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  237. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  238. package/components/input/themes/shared/input.common.css.js +1 -1
  239. package/components/input/themes/shared/input.common.css.js.map +1 -1
  240. package/components/input/themes/shared/input.fluent.css.js +1 -1
  241. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  242. package/components/input/themes/shared/input.indigo.css.js +1 -1
  243. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  244. package/components/input/themes/shared/input.material.css.js +1 -1
  245. package/components/input/themes/shared/input.material.css.js.map +1 -1
  246. package/components/mask-input/mask-input.d.ts +2 -3
  247. package/components/mask-input/mask-input.js +13 -12
  248. package/components/mask-input/mask-input.js.map +1 -1
  249. package/components/mask-input/mask-parser.d.ts +100 -14
  250. package/components/mask-input/mask-parser.js +134 -117
  251. package/components/mask-input/mask-parser.js.map +1 -1
  252. package/components/nav-drawer/nav-drawer-item.js +2 -6
  253. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  254. package/components/nav-drawer/nav-drawer.js +5 -6
  255. package/components/nav-drawer/nav-drawer.js.map +1 -1
  256. package/components/progress/base.js +6 -5
  257. package/components/progress/base.js.map +1 -1
  258. package/components/progress/circular-progress.js +7 -15
  259. package/components/progress/circular-progress.js.map +1 -1
  260. package/components/progress/linear-progress.js +5 -5
  261. package/components/progress/linear-progress.js.map +1 -1
  262. package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
  263. package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
  264. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  265. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  266. package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
  267. package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
  268. package/components/radio/radio.d.ts +11 -12
  269. package/components/radio/radio.js +39 -44
  270. package/components/radio/radio.js.map +1 -1
  271. package/components/radio/utils.js +6 -3
  272. package/components/radio/utils.js.map +1 -1
  273. package/components/radio-group/radio-group.d.ts +2 -1
  274. package/components/radio-group/radio-group.js +23 -10
  275. package/components/radio-group/radio-group.js.map +1 -1
  276. package/components/radio-group/themes/dark/radio-group.bootstrap.css.d.ts +1 -0
  277. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
  278. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
  279. package/components/radio-group/themes/dark/radio-group.fluent.css.d.ts +1 -0
  280. package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
  281. package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
  282. package/components/radio-group/themes/dark/radio-group.indigo.css.d.ts +1 -0
  283. package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
  284. package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
  285. package/components/radio-group/themes/dark/radio-group.material.css.d.ts +1 -0
  286. package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
  287. package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
  288. package/components/radio-group/themes/light/radio-group.bootstrap.css.d.ts +1 -0
  289. package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
  290. package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
  291. package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
  292. package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
  293. package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
  294. package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
  295. package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
  296. package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
  297. package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
  298. package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
  299. package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
  300. package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
  301. package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
  302. package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
  303. package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
  304. package/components/radio-group/themes/radio-group.base.css.js +3 -0
  305. package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
  306. package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
  307. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
  308. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
  309. package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
  310. package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
  311. package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
  312. package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
  313. package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
  314. package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
  315. package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
  316. package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
  317. package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
  318. package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
  319. package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
  320. package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
  321. package/components/radio-group/themes/themes.d.ts +2 -0
  322. package/components/radio-group/themes/themes.js +50 -0
  323. package/components/radio-group/themes/themes.js.map +1 -0
  324. package/components/rating/rating.d.ts +2 -2
  325. package/components/rating/rating.js +4 -4
  326. package/components/rating/rating.js.map +1 -1
  327. package/components/resize-container/resize-container.js +4 -4
  328. package/components/resize-container/resize-container.js.map +1 -1
  329. package/components/select/select.d.ts +2 -2
  330. package/components/select/select.js +11 -10
  331. package/components/select/select.js.map +1 -1
  332. package/components/select/themes/shared/select.fluent.css.js +1 -1
  333. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  334. package/components/slider/range-slider.js +1 -1
  335. package/components/slider/range-slider.js.map +1 -1
  336. package/components/slider/slider-base.js +1 -1
  337. package/components/slider/slider-base.js.map +1 -1
  338. package/components/slider/slider.d.ts +2 -3
  339. package/components/slider/slider.js +7 -7
  340. package/components/slider/slider.js.map +1 -1
  341. package/components/stepper/step.js +3 -3
  342. package/components/stepper/step.js.map +1 -1
  343. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  344. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  345. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  346. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  347. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  348. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  349. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  350. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  351. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  352. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  353. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  354. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  355. package/components/tabs/tab-dom.d.ts +2 -2
  356. package/components/tabs/tab-dom.js +15 -2
  357. package/components/tabs/tab-dom.js.map +1 -1
  358. package/components/tabs/tabs.d.ts +2 -1
  359. package/components/tabs/tabs.js +10 -8
  360. package/components/tabs/tabs.js.map +1 -1
  361. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  362. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  363. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  364. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  365. package/components/tabs/themes/tab.base.css.js +1 -1
  366. package/components/tabs/themes/tab.base.css.js.map +1 -1
  367. package/components/textarea/textarea.d.ts +30 -33
  368. package/components/textarea/textarea.js +95 -96
  369. package/components/textarea/textarea.js.map +1 -1
  370. package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
  371. package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
  372. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  373. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  374. package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
  375. package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
  376. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  377. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  378. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  379. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  380. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  381. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  382. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  383. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  384. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  385. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  386. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  387. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  388. package/components/textarea/themes/textarea.base.css.js +1 -1
  389. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  390. package/components/tile-manager/tile-manager.js +5 -4
  391. package/components/tile-manager/tile-manager.js.map +1 -1
  392. package/components/tile-manager/tile.js +6 -5
  393. package/components/tile-manager/tile.js.map +1 -1
  394. package/components/tooltip/tooltip.d.ts +24 -9
  395. package/components/tooltip/tooltip.js +22 -19
  396. package/components/tooltip/tooltip.js.map +1 -1
  397. package/components/tree/tree-item.js +5 -3
  398. package/components/tree/tree-item.js.map +1 -1
  399. package/components/types.d.ts +1 -1
  400. package/components/types.js.map +1 -1
  401. package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
  402. package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
  403. package/components/validation-container/validation-container.js +4 -11
  404. package/components/validation-container/validation-container.js.map +1 -1
  405. package/custom-elements.json +21925 -18034
  406. package/igniteui-webcomponents.css-data.json +1 -1
  407. package/igniteui-webcomponents.html-data.json +1 -1
  408. package/index.d.ts +4 -1
  409. package/index.js +1 -0
  410. package/index.js.map +1 -1
  411. package/package.json +3 -2
  412. package/themes/dark/bootstrap.css +1 -1
  413. package/themes/dark/fluent.css +1 -1
  414. package/themes/dark/indigo.css +1 -1
  415. package/themes/dark/material.css +1 -1
  416. package/themes/light/bootstrap.css +1 -1
  417. package/themes/light/fluent.css +1 -1
  418. package/themes/light/indigo.css +1 -1
  419. package/themes/light/material.css +1 -1
  420. package/web-types.json +2 -2
  421. package/components/radio-group/radio-group.base.css.js.map +0 -1
  422. package/components/radio-group/radio-group.fluent.css.js +0 -3
  423. package/components/radio-group/radio-group.fluent.css.js.map +0 -1
  424. package/components/radio-group/radio-group.indigo.css.js +0 -3
  425. package/components/radio-group/radio-group.indigo.css.js.map +0 -1
  426. package/components/radio-group/radio-group.material.css.js +0 -3
  427. package/components/radio-group/radio-group.material.css.js.map +0 -1
  428. /package/components/{radio-group/radio-group.base.css.d.ts → date-picker/themes/shared/date-picker.material.css.d.ts} +0 -0
  429. /package/components/{radio-group/radio-group.fluent.css.d.ts → date-range-picker/date-range-picker.base.css.d.ts} +0 -0
  430. /package/components/{radio-group/radio-group.indigo.css.d.ts → date-range-picker/predefined-ranges-area.base.css.d.ts} +0 -0
  431. /package/components/{radio-group/radio-group.material.css.d.ts → date-range-picker/themes/dark/date-range-picker.bootstrap.css.d.ts} +0 -0
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--default-size: var(--ig-datepicker-default-size, 2);--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, var(--ig-secondary-500));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;
2
+ export const styles = css `:host{--default-size: var(--ig-datepicker-default-size, 2);--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;
3
3
  //# sourceMappingURL=date-picker.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0yKAA0yK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-datepicker-default-size, 2);--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, var(--ig-secondary-500));--date-selected-current-outline: var(--ig-datepicker-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-datepicker-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-datepicker-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;\n"]}
1
+ {"version":3,"file":"date-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,03JAA03J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-datepicker-default-size, 2);--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-900));--content-background: var(--ig-datepicker-content-background, var(--ig-surface-500));--border-color: var(--ig-datepicker-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-datepicker-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-datepicker-date-current-background, transparent);--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-datepicker-date-special-background, transparent);--date-special-range-background: var(--ig-datepicker-date-special-range-background, transparent);--date-border-color: var(--ig-datepicker-date-border-color, transparent);--date-hover-border-color: var(--ig-datepicker-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-datepicker-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-datepicker-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-datepicker-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-datepicker-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-datepicker-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
2
+ export const styles = css `:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;
3
3
  //# sourceMappingURL=date-picker.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u2CAAu2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\n"]}
1
+ {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mjDAAmjD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog igc-calendar{border:none}:host igc-dialog::part(base){border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin-bottom:.25rem}:host [part~=label]:empty{display:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);padding-inline-start:0;margin-block-start:.25rem}:host([readonly]) igc-date-time-input::part(container),:host([readonly]) igc-date-time-input::part(prefix),:host([readonly]) igc-date-time-input::part(suffix){background:var(--border-disabled-background)}[part=actions]{min-height:max(var(--is-large, 1) * max(4rem, -1 * 4rem), var(--is-medium, 1) * max(3.375rem, -1 * 3.375rem), var(--is-small, 1) * max(2.9375rem, -1 * 2.9375rem))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
3
3
  //# sourceMappingURL=date-picker.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0oFAA0oF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}
1
+ {"version":3,"file":"date-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q5GAAq5G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host igc-dialog{box-shadow:none;border:none}:host igc-dialog [part=actions]{border:none}:host igc-dialog igc-calendar{box-shadow:none}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-24)}:host igc-dialog::part(content),:host igc-dialog::part(footer){padding:0}:host igc-dialog::part(footer){background:var(--content-background);border-block-start:.0625rem solid var(--actions-divider-color)}:host igc-focus-trap{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: var(--ig-size, var(--default-size));border-radius:var(--border-radius);background:var(--content-background)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}:host [part~=label]{color:var(--idle-secondary-color)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host(:not([readonly])){--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]{--affix-color: var(--input-prefix-color)}:host(:not([readonly])) igc-date-time-input[readonly]::part(prefix),:host(:not([readonly])) igc-date-time-input[readonly]::part(suffix){color:var(--affix-color)}:host(:not([readonly])) [part=calendar-icon],:host(:not([readonly])) [part=calendar-icon-open],:host(:not([readonly])) [part=clear-icon]{color:var(--affix-color)}:host(:not([readonly])) igc-input:focus-within{--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) igc-input:focus-within::part(filled){--affix-color: var(--input-prefix-color--focused)}:host(:not([readonly])) ::part(filled){--affix-color: var(--input-prefix-color--filled)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) [part=label],:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.25rem, -1 * 3.25rem), var(--is-medium, 1) * max(2.875rem, -1 * 2.875rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));border-block-start:.0625rem solid var(--actions-divider-color)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;
2
+ export const styles = css `:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([invalid])[readonly]:hover) igc-date-time-input::part(container){border-color:var(--border-color)}:host(:not([invalid])[readonly]:focus-within) igc-date-time-input::part(container){border-color:var(--focused-border-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;
3
3
  //# sourceMappingURL=date-picker.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w4CAAw4C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}`;\n"]}
1
+ {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kxDAAkxD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.3125rem;padding-inline-start:0}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled])[readonly]) igc-date-time-input::part(prefix),:host(:not([disabled])[readonly]) igc-date-time-input::part(suffix){background:rgba(0,0,0,0)}:host(:not([invalid])[readonly]:hover) igc-date-time-input::part(container){border-color:var(--border-color)}:host(:not([invalid])[readonly]:focus-within) igc-date-time-input::part(container){border-color:var(--focused-border-color)}:host(:disabled) [part=label]::after,:host([disabled]) [part=label]::after{color:var(--disabled-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3.375rem, -1 * 3.375rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;
2
+ export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}`;
3
3
  //# sourceMappingURL=date-picker.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,khDAAkhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;\n"]}
1
+ {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,goDAAgoD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(0.9375rem, auto);padding-inline-start:0}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}`;\n"]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(start),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(end),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container),:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container)::after,:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container)::after{border-color:var(--error-secondary-color)}`;
3
+ //# sourceMappingURL=date-picker.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m8DAAm8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(start),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(end),:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(filler){border-color:var(--focused-border-color)}:host(:not([invalid])[outlined][readonly]) igc-date-time-input:focus-within::part(notch){border-bottom-color:var(--focused-border-color)}:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined],[invalid])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container),:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined])[readonly][invalid]) igc-date-time-input:hover::part(container)::after,:host(:not([outlined])[readonly][invalid]) igc-date-time-input:focus-within::part(container)::after{border-color:var(--error-secondary-color)}`;\n"]}
@@ -11,6 +11,7 @@ import { styles as shared } from './light/date-picker.shared.css.js';
11
11
  import { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';
12
12
  import { styles as fluent } from './shared/date-picker.fluent.css.js';
13
13
  import { styles as indigo } from './shared/date-picker.indigo.css.js';
14
+ import { styles as material } from './shared/date-picker.material.css.js';
14
15
  const light = {
15
16
  shared: css `
16
17
  ${shared}
@@ -19,7 +20,7 @@ const light = {
19
20
  ${bootstrap} ${bootstrapLight}
20
21
  `,
21
22
  material: css `
22
- ${materialLight}
23
+ ${material} ${materialLight}
23
24
  `,
24
25
  fluent: css `
25
26
  ${fluent} ${fluentLight}
@@ -36,7 +37,7 @@ const dark = {
36
37
  ${bootstrap} ${bootstrapDark}
37
38
  `,
38
39
  material: css `
39
- ${materialDark}
40
+ ${material} ${materialDark}
40
41
  `,
41
42
  fluent: css `
42
43
  ${fluent} ${fluentDark}
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-picker.material.css.js';\nimport { styles as shared } from './light/date-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-picker.indigo.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-picker.material.css.js';\nimport { styles as shared } from './light/date-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-picker.indigo.css.js';\nimport { styles as material } from './shared/date-picker.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) igc-date-time-input::part(label)::after{content:"*"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{width:100%}`;
3
+ //# sourceMappingURL=date-range-picker.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-range-picker.base.css.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,45DAA45D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) igc-date-time-input::part(label)::after{content:\"*\"}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=inputs]{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}[part=actions]{display:flex;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}[part=separator]{display:flex;align-items:center}igc-date-time-input{width:100%}`;\n"]}
@@ -0,0 +1,365 @@
1
+ import { type TemplateResult, nothing } from 'lit';
2
+ import { type DateRangeDescriptor, type WeekDays } from '../calendar/types.js';
3
+ import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
4
+ import type { AbstractConstructor } from '../common/mixins/constructor.js';
5
+ import { type FormValueOf } from '../common/mixins/forms/form-value.js';
6
+ import type { ContentOrientation, PickerMode } from '../types.js';
7
+ export interface DateRangeValue {
8
+ start: Date | null;
9
+ end: Date | null;
10
+ }
11
+ export interface CustomDateRange {
12
+ label: string;
13
+ dateRange: DateRangeValue;
14
+ }
15
+ export interface IgcDateRangePickerComponentEventMap {
16
+ igcOpening: CustomEvent<void>;
17
+ igcOpened: CustomEvent<void>;
18
+ igcClosing: CustomEvent<void>;
19
+ igcClosed: CustomEvent<void>;
20
+ igcChange: CustomEvent<DateRangeValue | null>;
21
+ igcInput: CustomEvent<DateRangeValue | null>;
22
+ }
23
+ declare const IgcDateRangePickerComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateRangePickerComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxLikeComponent>;
24
+ /**
25
+ * The igc-date-range-picker allows the user to select a range of dates.
26
+ *
27
+ * @element igc-date-range-picker
28
+ *
29
+ * @slot prefix - Renders content before the input (single input).
30
+ * @slot prefix-start - Renders content before the start input (two inputs).
31
+ * @slot prefix-end - Renders content before the end input (two inputs).
32
+ * @slot suffix - Renders content after the input (single input).
33
+ * @slot suffix-start - Renders content after the start input (single input).
34
+ * @slot suffix-end - Renders content after the end input (single input).
35
+ * @slot helper-text - Renders content below the input.
36
+ * @slot bad-input - Renders content when the value is in the disabledDates ranges.
37
+ * @slot value-missing - Renders content when the required validation fails.
38
+ * @slot range-overflow - Renders content when the max validation fails.
39
+ * @slot range-underflow - Renders content when the min validation fails.
40
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
41
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
42
+ * @slot title - Renders content in the calendar title.
43
+ * @slot header-date - Renders content instead of the current date/range in the calendar header.
44
+ * @slot clear-icon - Renders a clear icon template.
45
+ * @slot clear-icon-start - Renders a clear icon template for the start input (two inputs).
46
+ * @slot clear-icon-end - Renders a clear icon template for the end input (two inputs).
47
+ * @slot calendar-icon - Renders the icon/content for the calendar picker.
48
+ * @slot calendar-icon-start - Renders the icon/content for the calendar picker for the start input (two inputs).
49
+ * @slot calendar-icon-end - Renders the icon/content for the calendar picker for the end input (two inputs).
50
+ * @slot calendar-icon-open - Renders the icon/content for the picker in open state.
51
+ * @slot calendar-icon-open-start - Renders the icon/content for the picker in open state for the start input (two inputs).
52
+ * @slot calendar-icon-open-end - Renders the icon/content for the picker in open state for the end input (two inputs).
53
+ * @slot actions - Renders content in the action part of the picker in open state.
54
+ * @slot separator - Renders the separator element between the two inputs.
55
+ *
56
+ * @fires igcOpening - Emitted just before the calendar dropdown is shown.
57
+ * @fires igcOpened - Emitted after the calendar dropdown is shown.
58
+ * @fires igcClosing - Emitted just before the calendar dropdown is hidden.
59
+ * @fires igcClosed - Emitted after the calendar dropdown is hidden.
60
+ * @fires igcChange - Emitted when the user modifies and commits the elements's value.
61
+ * @fires igcInput - Emitted when when the user types in the element.
62
+ *
63
+ * @csspart separator - The separator element between the two inputs.
64
+ * @csspart ranges - The wrapper that renders the custom and predefined ranges.
65
+ * @csspart label - The label wrapper that renders content above the target input.
66
+ * @csspart calendar-icon - The calendar icon wrapper for closed state (single input).
67
+ * @csspart calendar-icon-start - The calendar icon wrapper for closed state for the start input (two inputs).
68
+ * @csspart calendar-icon-end - The calendar icon wrapper for closed state for the end input (two inputs).
69
+ * @csspart calendar-icon-open - The calendar icon wrapper for opened state (single input).
70
+ * @csspart calendar-icon-open-start - The calendar icon wrapper for opened state for the start input (two inputs).
71
+ * @csspart calendar-icon-open-end - The calendar icon wrapper for opened state for the end input (two inputs).
72
+ * @csspart clear-icon - The clear icon wrapper (single input).
73
+ * @csspart clear-icon-start - The clear icon wrapper for the start input (two inputs).
74
+ * @csspart clear-icon-end - The clear icon wrapper for the end input (two inputs).
75
+ * @csspart actions - The wrapper for the custom actions area.
76
+ * @csspart clear-icon - The clear icon wrapper.
77
+ * @csspart input - The native input element.
78
+ * @csspart prefix - The prefix wrapper.
79
+ * @csspart suffix - The suffix wrapper.
80
+ * @csspart helper-text - The helper-text wrapper that renders content below the target input.
81
+ * @csspart header - The calendar header element.
82
+ * @csspart header-title - The calendar header title element.
83
+ * @csspart header-date - The calendar header date element.
84
+ * @csspart calendar-content - The calendar content element which contains the views and navigation elements.
85
+ * @csspart navigation - The calendar navigation container element.
86
+ * @csspart months-navigation - The calendar months navigation button element.
87
+ * @csspart years-navigation - The calendar years navigation button element.
88
+ * @csspart years-range - The calendar years range element.
89
+ * @csspart navigation-buttons - The calendar navigation buttons container.
90
+ * @csspart navigation-button - The calendar previous/next navigation button.
91
+ * @csspart days-view-container - The calendar days view container element.
92
+ * @csspart days-view - The calendar days view element.
93
+ * @csspart months-view - The calendar months view element.
94
+ * @csspart years-view - The calendar years view element.
95
+ * @csspart days-row - The calendar days row element.
96
+ * @csspart calendar-label - The calendar week header label element.
97
+ * @csspart week-number - The calendar week number element.
98
+ * @csspart week-number-inner - The calendar week number inner element.
99
+ * @csspart date - The calendar date element.
100
+ * @csspart date-inner - The calendar date inner element.
101
+ * @csspart first - The calendar first selected date element in range selection.
102
+ * @csspart last - The calendar last selected date element in range selection.
103
+ * @csspart inactive - The calendar inactive date element.
104
+ * @csspart hidden - The calendar hidden date element.
105
+ * @csspart weekend - The calendar weekend date element.
106
+ * @csspart range - The calendar range selected element.
107
+ * @csspart special - The calendar special date element.
108
+ * @csspart disabled - The calendar disabled date element.
109
+ * @csspart single - The calendar single selected date element.
110
+ * @csspart preview - The calendar range selection preview date element.
111
+ * @csspart month - The calendar month element.
112
+ * @csspart month-inner - The calendar month inner element.
113
+ * @csspart year - The calendar year element.
114
+ * @csspart year-inner - The calendar year inner element.
115
+ * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.
116
+ * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.
117
+ */
118
+ export default class IgcDateRangePickerComponent extends IgcDateRangePickerComponent_base {
119
+ static readonly tagName = "igc-date-range-picker";
120
+ static styles: import("lit").CSSResult[];
121
+ protected static shadowRootOptions: {
122
+ delegatesFocus: boolean;
123
+ mode: ShadowRootMode;
124
+ serializable?: boolean;
125
+ slotAssignment?: SlotAssignmentMode;
126
+ };
127
+ static register(): void;
128
+ private static readonly _increment;
129
+ protected readonly _inputId: string;
130
+ protected readonly _formValue: FormValueOf<DateRangeValue | null>;
131
+ private _activeDate;
132
+ private _min;
133
+ private _max;
134
+ private _disabledDates;
135
+ private _dateConstraints;
136
+ private _displayFormat?;
137
+ private _inputFormat?;
138
+ private _placeholder?;
139
+ private _defaultMask;
140
+ private _oldValue;
141
+ private _visibleMonths;
142
+ protected get __validators(): import("../common/validators.js").Validator<IgcDateRangePickerComponent>[];
143
+ private get _isDropDown();
144
+ private get _firstDefinedInRange();
145
+ private _maskedRangeValue;
146
+ private readonly _inputs;
147
+ private readonly _input;
148
+ private readonly _calendar;
149
+ private readonly _prefixes;
150
+ private readonly _startPrefixes;
151
+ private readonly _endPrefixes;
152
+ private readonly _suffixes;
153
+ private readonly _startSuffixes;
154
+ private readonly _endSuffixes;
155
+ private readonly _actions;
156
+ private readonly _headerDateSlotItems;
157
+ protected get _isIndigoTheme(): boolean;
158
+ set value(value: DateRangeValue | string | null | undefined);
159
+ get value(): DateRangeValue | null;
160
+ /**
161
+ * Renders chips with custom ranges based on the elements of the array.
162
+ */
163
+ customRanges: CustomDateRange[];
164
+ /**
165
+ * Determines whether the calendar is opened in a dropdown or a modal dialog
166
+ * @attr mode
167
+ */
168
+ mode: PickerMode;
169
+ /**
170
+ * Use two inputs to display the date range values. Makes the input editable in dropdown mode.
171
+ * @attr use-two-inputs
172
+ */
173
+ useTwoInputs: boolean;
174
+ /**
175
+ * Whether the control will show chips with predefined ranges.
176
+ * @attr
177
+ */
178
+ usePredefinedRanges: boolean;
179
+ /**
180
+ * The locale settings used to display the value.
181
+ * @attr
182
+ */
183
+ locale: string;
184
+ /** The resource strings of the date range picker. */
185
+ resourceStrings: import("../common/i18n/date-range-picker.resources.js").IgcDateRangePickerResourceStrings;
186
+ /**
187
+ * Makes the control a readonly field.
188
+ * @attr readonly
189
+ */
190
+ readOnly: boolean;
191
+ /**
192
+ * Whether to allow typing in the input.
193
+ * @attr non-editable
194
+ */
195
+ nonEditable: boolean;
196
+ /**
197
+ * Whether the control will have outlined appearance.
198
+ * @attr
199
+ */
200
+ outlined: boolean;
201
+ /**
202
+ * The label of the control (single input).
203
+ * @attr label
204
+ */
205
+ label: string;
206
+ /**
207
+ * The label attribute of the start input.
208
+ * @attr label-start
209
+ */
210
+ labelStart: string;
211
+ /**
212
+ * The label attribute of the end input.
213
+ * @attr label-end
214
+ */
215
+ labelEnd: string;
216
+ /**
217
+ * The placeholder attribute of the control (single input).
218
+ * @attr
219
+ */
220
+ set placeholder(value: string);
221
+ get placeholder(): string;
222
+ /**
223
+ * The placeholder attribute of the start input.
224
+ * @attr placeholder-start
225
+ */
226
+ placeholderStart: string;
227
+ /**
228
+ * The placeholder attribute of the end input.
229
+ * @attr placeholder-end
230
+ */
231
+ placeholderEnd: string;
232
+ /** The prompt symbol to use for unfilled parts of the mask.
233
+ * @attr
234
+ */
235
+ prompt: string;
236
+ /**
237
+ * Format to display the value in when not editing.
238
+ * Defaults to the input format if not set.
239
+ * @attr display-format
240
+ */
241
+ set displayFormat(value: string);
242
+ get displayFormat(): string;
243
+ /**
244
+ * The date format to apply on the inputs.
245
+ * Defaults to the current locale Intl.DateTimeFormat
246
+ * @attr input-format
247
+ */
248
+ set inputFormat(value: string);
249
+ get inputFormat(): string;
250
+ /**
251
+ * The minimum value required for the date range picker to remain valid.
252
+ * @attr
253
+ */
254
+ set min(value: Date | string | null | undefined);
255
+ get min(): Date | null;
256
+ /**
257
+ * The maximum value required for the date range picker to remain valid.
258
+ * @attr
259
+ */
260
+ set max(value: Date | string | null | undefined);
261
+ get max(): Date | null;
262
+ /** Gets/sets disabled dates. */
263
+ set disabledDates(dates: DateRangeDescriptor[]);
264
+ get disabledDates(): DateRangeDescriptor[];
265
+ /**
266
+ * The number of months displayed in the calendar.
267
+ * @attr visible-months
268
+ */
269
+ get visibleMonths(): number;
270
+ set visibleMonths(value: number);
271
+ /**
272
+ * The orientation of the calendar header.
273
+ * @attr header-orientation
274
+ */
275
+ headerOrientation: ContentOrientation;
276
+ /**
277
+ * The orientation of the multiple months displayed in the calendar's days view.
278
+ * @attr
279
+ */
280
+ orientation: ContentOrientation;
281
+ /**
282
+ * Determines whether the calendar hides its header.
283
+ * @attr hide-header
284
+ */
285
+ hideHeader: boolean;
286
+ /**
287
+ * Gets/Sets the date which is shown in the calendar picker and is highlighted.
288
+ * By default it is the current date.
289
+ */
290
+ set activeDate(value: Date | string | null | undefined);
291
+ get activeDate(): Date;
292
+ /**
293
+ * Whether to show the number of the week in the calendar.
294
+ * @attr show-week-numbers
295
+ */
296
+ showWeekNumbers: boolean;
297
+ /**
298
+ * Controls the visibility of the dates that do not belong to the current month.
299
+ * @attr hide-outside-days
300
+ */
301
+ hideOutsideDays: boolean;
302
+ /** Gets/sets special dates. */
303
+ specialDates: DateRangeDescriptor[];
304
+ /** Sets the start day of the week for the calendar. */
305
+ weekStart: WeekDays;
306
+ constructor();
307
+ protected createRenderRoot(): HTMLElement | DocumentFragment;
308
+ protected firstUpdated(): void;
309
+ protected formResetCallback(): void;
310
+ /** Clears the input parts of the component of any user input */
311
+ clear(): void;
312
+ /** Selects a date range value in the picker */
313
+ select(value: DateRangeValue | null): void;
314
+ protected _openChange(): void;
315
+ protected _updateDefaultMask(): void;
316
+ protected _updateDateRange(): Promise<void>;
317
+ protected _modeChanged(): Promise<void>;
318
+ protected _handleClosing(): void;
319
+ protected _handleDialogClosing(event: Event): void;
320
+ protected _handleDialogClosed(event: Event): void;
321
+ protected _dialogCancel(): void;
322
+ protected _dialogDone(): void;
323
+ protected _handleInputEvent(event: CustomEvent<Date | null>): void;
324
+ protected _handleInputChangeEvent(event: CustomEvent<Date | null>): void;
325
+ protected _handleFocusIn(): void;
326
+ protected _handleFocusOut({ relatedTarget }: FocusEvent): void;
327
+ protected _handleInputClick(event: Event): void;
328
+ protected _onEscapeKey(): Promise<void>;
329
+ protected handleAnchorClick(): Promise<void>;
330
+ protected _handleCalendarChangeEvent(event: CustomEvent<Date>): Promise<void>;
331
+ protected _handleCalendarIconSlotPointerDown(event: PointerEvent): void;
332
+ protected _revertValue(): void;
333
+ /**
334
+ * Sets the active date of the calendar based on current selection, if any,
335
+ * or its current active date and its active day view index to always be the first one.
336
+ */
337
+ private _setCalendarActiveDateAndViewIndex;
338
+ private _getUpdatedDateRange;
339
+ private _delegateInputsValidity;
340
+ private _setDateConstraints;
341
+ private _updateMaskedRangeValue;
342
+ private _setCalendarRangeValues;
343
+ private _swapDates;
344
+ private _shouldCloseCalendarDropdown;
345
+ private _select;
346
+ private _renderClearIcon;
347
+ private _renderCalendarIcon;
348
+ private _renderCalendarSlots;
349
+ private _renderCalendar;
350
+ protected _renderActions(): TemplateResult<1>;
351
+ protected _renderPredefinedRanges(): TemplateResult<1> | typeof nothing;
352
+ protected _renderPicker(id: string): TemplateResult<1>;
353
+ private _renderHelperText;
354
+ protected _renderInput(id: string, picker?: DateRangePickerInput): TemplateResult<1>;
355
+ private _renderInputs;
356
+ private _renderSingleInput;
357
+ protected render(): TemplateResult<1>;
358
+ }
359
+ declare global {
360
+ interface HTMLElementTagNameMap {
361
+ 'igc-date-range-picker': IgcDateRangePickerComponent;
362
+ }
363
+ }
364
+ type DateRangePickerInput = 'start' | 'end';
365
+ export {};