igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2

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 (374) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/animations/player.d.ts +1 -1
  3. package/animations/player.js.map +1 -1
  4. package/components/avatar/avatar.d.ts +1 -0
  5. package/components/avatar/avatar.js +9 -12
  6. package/components/avatar/avatar.js.map +1 -1
  7. package/components/badge/badge.d.ts +1 -0
  8. package/components/badge/badge.js +9 -12
  9. package/components/badge/badge.js.map +1 -1
  10. package/components/banner/banner.js +6 -9
  11. package/components/banner/banner.js.map +1 -1
  12. package/components/button/button.d.ts +1 -0
  13. package/components/button/button.js +9 -12
  14. package/components/button/button.js.map +1 -1
  15. package/components/button/icon-button.d.ts +1 -0
  16. package/components/button/icon-button.js +9 -12
  17. package/components/button/icon-button.js.map +1 -1
  18. package/components/button-group/button-group.js +6 -9
  19. package/components/button-group/button-group.js.map +1 -1
  20. package/components/button-group/toggle-button.d.ts +1 -0
  21. package/components/button-group/toggle-button.js +6 -6
  22. package/components/button-group/toggle-button.js.map +1 -1
  23. package/components/calendar/calendar.d.ts +1 -0
  24. package/components/calendar/calendar.js +11 -17
  25. package/components/calendar/calendar.js.map +1 -1
  26. package/components/calendar/days-view/days-view.js +3 -3
  27. package/components/calendar/days-view/days-view.js.map +1 -1
  28. package/components/calendar/months-view/months-view.js +3 -3
  29. package/components/calendar/months-view/months-view.js.map +1 -1
  30. package/components/calendar/themes/calendar.base.css.js +1 -1
  31. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  32. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  33. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  34. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  35. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  36. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  37. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  38. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  39. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  40. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  41. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  42. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  43. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  44. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  45. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  46. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  47. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  48. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  49. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  50. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  51. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  52. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  53. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  54. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  55. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  56. package/components/calendar/years-view/years-view.js +3 -3
  57. package/components/calendar/years-view/years-view.js.map +1 -1
  58. package/components/card/card.actions.d.ts +1 -0
  59. package/components/card/card.actions.js +9 -12
  60. package/components/card/card.actions.js.map +1 -1
  61. package/components/card/card.content.d.ts +1 -0
  62. package/components/card/card.content.js +8 -14
  63. package/components/card/card.content.js.map +1 -1
  64. package/components/card/card.d.ts +1 -0
  65. package/components/card/card.header.d.ts +1 -0
  66. package/components/card/card.header.js +8 -14
  67. package/components/card/card.header.js.map +1 -1
  68. package/components/card/card.js +10 -13
  69. package/components/card/card.js.map +1 -1
  70. package/components/carousel/carousel-indicator-container.d.ts +1 -0
  71. package/components/carousel/carousel-indicator-container.js +8 -17
  72. package/components/carousel/carousel-indicator-container.js.map +1 -1
  73. package/components/carousel/carousel.d.ts +4 -6
  74. package/components/carousel/carousel.js +36 -60
  75. package/components/carousel/carousel.js.map +1 -1
  76. package/components/checkbox/checkbox.d.ts +1 -1
  77. package/components/checkbox/checkbox.js +10 -14
  78. package/components/checkbox/checkbox.js.map +1 -1
  79. package/components/checkbox/switch.d.ts +1 -0
  80. package/components/checkbox/switch.js +9 -18
  81. package/components/checkbox/switch.js.map +1 -1
  82. package/components/chip/chip.js +6 -9
  83. package/components/chip/chip.js.map +1 -1
  84. package/components/combo/combo-header.d.ts +1 -0
  85. package/components/combo/combo-header.js +8 -14
  86. package/components/combo/combo-header.js.map +1 -1
  87. package/components/combo/combo-item.d.ts +1 -0
  88. package/components/combo/combo-item.js +9 -12
  89. package/components/combo/combo-item.js.map +1 -1
  90. package/components/combo/combo.js +2 -2
  91. package/components/combo/combo.js.map +1 -1
  92. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  93. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  94. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  95. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  96. package/components/combo/themes/light/combo.shared.css.js +1 -1
  97. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  98. package/components/common/context.d.ts +1 -5
  99. package/components/common/context.js +1 -2
  100. package/components/common/context.js.map +1 -1
  101. package/components/common/definitions/defineAllComponents.js +0 -2
  102. package/components/common/definitions/defineAllComponents.js.map +1 -1
  103. package/components/common/mixins/alert.d.ts +7 -8
  104. package/components/common/mixins/alert.js +23 -34
  105. package/components/common/mixins/alert.js.map +1 -1
  106. package/components/date-picker/date-picker.d.ts +1 -1
  107. package/components/date-picker/date-picker.js +7 -9
  108. package/components/date-picker/date-picker.js.map +1 -1
  109. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  110. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  111. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  112. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  113. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  114. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  115. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  116. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  117. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  118. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  119. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  120. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  121. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  122. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  123. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  124. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  125. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  126. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  127. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  128. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  129. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  130. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  131. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  132. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  133. package/components/date-range-picker/date-range-picker.d.ts +1 -1
  134. package/components/date-range-picker/date-range-picker.js +5 -7
  135. package/components/date-range-picker/date-range-picker.js.map +1 -1
  136. package/components/date-range-picker/predefined-ranges-area.d.ts +1 -0
  137. package/components/date-range-picker/predefined-ranges-area.js +9 -12
  138. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  139. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  140. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  141. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  142. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  143. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  144. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  145. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  146. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  147. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  148. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  149. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  150. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  151. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  152. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  153. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  154. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  155. package/components/dialog/dialog.d.ts +1 -0
  156. package/components/dialog/dialog.js +12 -12
  157. package/components/dialog/dialog.js.map +1 -1
  158. package/components/divider/divider.d.ts +1 -0
  159. package/components/divider/divider.js +18 -21
  160. package/components/divider/divider.js.map +1 -1
  161. package/components/dropdown/dropdown-group.js +6 -9
  162. package/components/dropdown/dropdown-group.js.map +1 -1
  163. package/components/dropdown/dropdown-header.d.ts +1 -0
  164. package/components/dropdown/dropdown-header.js +8 -14
  165. package/components/dropdown/dropdown-header.js.map +1 -1
  166. package/components/dropdown/dropdown-item.d.ts +1 -0
  167. package/components/dropdown/dropdown-item.js +8 -14
  168. package/components/dropdown/dropdown-item.js.map +1 -1
  169. package/components/dropdown/dropdown.js +2 -2
  170. package/components/dropdown/dropdown.js.map +1 -1
  171. package/components/dropdown/themes/item.js +7 -0
  172. package/components/dropdown/themes/item.js.map +1 -1
  173. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js +3 -0
  174. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map +1 -0
  175. package/components/expansion-panel/expansion-panel.js +7 -10
  176. package/components/expansion-panel/expansion-panel.js.map +1 -1
  177. package/components/file-input/file-input.d.ts +1 -1
  178. package/components/file-input/file-input.js +18 -21
  179. package/components/file-input/file-input.js.map +1 -1
  180. package/components/file-input/themes/dark/file-input.bootstrap.css.js +3 -0
  181. package/components/file-input/themes/dark/file-input.bootstrap.css.js.map +1 -0
  182. package/components/file-input/themes/dark/file-input.fluent.css.js +3 -0
  183. package/components/file-input/themes/dark/file-input.fluent.css.js.map +1 -0
  184. package/components/file-input/themes/dark/file-input.indigo.css.js +3 -0
  185. package/components/file-input/themes/dark/file-input.indigo.css.js.map +1 -0
  186. package/components/file-input/themes/dark/file-input.material.css.js +3 -0
  187. package/components/file-input/themes/dark/file-input.material.css.js.map +1 -0
  188. package/components/file-input/themes/file-input.base.css.js +1 -1
  189. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  190. package/components/file-input/themes/light/file-input.bootstrap.css.d.ts +1 -0
  191. package/components/file-input/themes/light/file-input.bootstrap.css.js +3 -0
  192. package/components/file-input/themes/light/file-input.bootstrap.css.js.map +1 -0
  193. package/components/file-input/themes/light/file-input.fluent.css.d.ts +1 -0
  194. package/components/file-input/themes/light/file-input.fluent.css.js +3 -0
  195. package/components/file-input/themes/light/file-input.fluent.css.js.map +1 -0
  196. package/components/file-input/themes/light/file-input.indigo.css.d.ts +1 -0
  197. package/components/file-input/themes/light/file-input.indigo.css.js +3 -0
  198. package/components/file-input/themes/light/file-input.indigo.css.js.map +1 -0
  199. package/components/file-input/themes/light/file-input.material.css.d.ts +1 -0
  200. package/components/file-input/themes/light/file-input.material.css.js +3 -0
  201. package/components/file-input/themes/light/file-input.material.css.js.map +1 -0
  202. package/components/file-input/themes/light/file-input.shared.css.d.ts +1 -0
  203. package/components/file-input/themes/light/file-input.shared.css.js +3 -0
  204. package/components/file-input/themes/light/file-input.shared.css.js.map +1 -0
  205. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  206. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  207. package/components/file-input/themes/shared/file-input.indigo.css.js +1 -1
  208. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -1
  209. package/components/file-input/themes/shared/file-input.material.css.js +1 -1
  210. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
  211. package/components/file-input/themes/themes.js +19 -0
  212. package/components/file-input/themes/themes.js.map +1 -1
  213. package/components/icon/icon.d.ts +1 -0
  214. package/components/icon/icon.js +11 -10
  215. package/components/icon/icon.js.map +1 -1
  216. package/components/input/input-base.d.ts +1 -1
  217. package/components/input/input-base.js +5 -6
  218. package/components/input/input-base.js.map +1 -1
  219. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  220. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  221. package/components/input/themes/shared/input.indigo.css.js +1 -1
  222. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  223. package/components/input/themes/shared/input.material.css.js +1 -1
  224. package/components/input/themes/shared/input.material.css.js.map +1 -1
  225. package/components/list/list-header.js +5 -14
  226. package/components/list/list-header.js.map +1 -1
  227. package/components/list/list-item.js +6 -9
  228. package/components/list/list-item.js.map +1 -1
  229. package/components/list/list.js +5 -14
  230. package/components/list/list.js.map +1 -1
  231. package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -0
  232. package/components/nav-drawer/nav-drawer-header-item.js +8 -14
  233. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  234. package/components/nav-drawer/nav-drawer-item.d.ts +1 -0
  235. package/components/nav-drawer/nav-drawer-item.js +9 -12
  236. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  237. package/components/nav-drawer/nav-drawer.d.ts +1 -0
  238. package/components/nav-drawer/nav-drawer.js +9 -12
  239. package/components/nav-drawer/nav-drawer.js.map +1 -1
  240. package/components/navbar/navbar.d.ts +1 -0
  241. package/components/navbar/navbar.js +8 -14
  242. package/components/navbar/navbar.js.map +1 -1
  243. package/components/progress/circular-progress.d.ts +1 -0
  244. package/components/progress/circular-progress.js +10 -13
  245. package/components/progress/circular-progress.js.map +1 -1
  246. package/components/progress/linear-progress.d.ts +1 -0
  247. package/components/progress/linear-progress.js +9 -12
  248. package/components/progress/linear-progress.js.map +1 -1
  249. package/components/radio/radio.js +7 -10
  250. package/components/radio/radio.js.map +1 -1
  251. package/components/radio-group/radio-group.js +6 -9
  252. package/components/radio-group/radio-group.js.map +1 -1
  253. package/components/rating/rating.js +6 -9
  254. package/components/rating/rating.js.map +1 -1
  255. package/components/resize-container/resize-container.js +6 -9
  256. package/components/resize-container/resize-container.js.map +1 -1
  257. package/components/select/select-group.js +6 -9
  258. package/components/select/select-group.js.map +1 -1
  259. package/components/select/select-header.d.ts +1 -0
  260. package/components/select/select-header.js +8 -14
  261. package/components/select/select-header.js.map +1 -1
  262. package/components/select/select-item.d.ts +1 -0
  263. package/components/select/select-item.js +9 -9
  264. package/components/select/select-item.js.map +1 -1
  265. package/components/select/select.js +2 -2
  266. package/components/select/select.js.map +1 -1
  267. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  268. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  269. package/components/slider/slider-base.js +2 -2
  270. package/components/slider/slider-base.js.map +1 -1
  271. package/components/snackbar/snackbar.d.ts +4 -5
  272. package/components/snackbar/snackbar.js +14 -17
  273. package/components/snackbar/snackbar.js.map +1 -1
  274. package/components/stepper/step.d.ts +1 -0
  275. package/components/stepper/step.js +9 -12
  276. package/components/stepper/step.js.map +1 -1
  277. package/components/stepper/stepper.d.ts +1 -0
  278. package/components/stepper/stepper.js +18 -12
  279. package/components/stepper/stepper.js.map +1 -1
  280. package/components/tabs/tab.d.ts +1 -0
  281. package/components/tabs/tab.js +10 -13
  282. package/components/tabs/tab.js.map +1 -1
  283. package/components/tabs/tabs.js +6 -9
  284. package/components/tabs/tabs.js.map +1 -1
  285. package/components/textarea/textarea.d.ts +1 -1
  286. package/components/textarea/textarea.js +5 -6
  287. package/components/textarea/textarea.js.map +1 -1
  288. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  289. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  290. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  291. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  292. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  293. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  294. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  295. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  296. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  297. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  298. package/components/tile-manager/tile-manager.js +2 -2
  299. package/components/tile-manager/tile-manager.js.map +1 -1
  300. package/components/tile-manager/tile.d.ts +1 -0
  301. package/components/tile-manager/tile.js +53 -56
  302. package/components/tile-manager/tile.js.map +1 -1
  303. package/components/toast/toast.d.ts +2 -2
  304. package/components/toast/toast.js +9 -18
  305. package/components/toast/toast.js.map +1 -1
  306. package/components/tooltip/tooltip.d.ts +1 -0
  307. package/components/tooltip/tooltip.js +39 -42
  308. package/components/tooltip/tooltip.js.map +1 -1
  309. package/components/tree/tree-item.js +6 -9
  310. package/components/tree/tree-item.js.map +1 -1
  311. package/components/tree/tree.js +2 -2
  312. package/components/tree/tree.js.map +1 -1
  313. package/components/validation-container/validation-container.d.ts +8 -5
  314. package/components/validation-container/validation-container.js +59 -49
  315. package/components/validation-container/validation-container.js.map +1 -1
  316. package/custom-elements.json +17604 -18460
  317. package/igniteui-webcomponents.css-data.json +1 -1
  318. package/igniteui-webcomponents.html-data.json +1 -1
  319. package/index.d.ts +0 -7
  320. package/index.js +0 -5
  321. package/index.js.map +1 -1
  322. package/package.json +1 -1
  323. package/theming/config.d.ts +3 -3
  324. package/theming/config.js +14 -18
  325. package/theming/config.js.map +1 -1
  326. package/theming/theming-controller.d.ts +17 -13
  327. package/theming/theming-controller.js +28 -22
  328. package/theming/theming-controller.js.map +1 -1
  329. package/theming/theming-event.d.ts +1 -0
  330. package/theming/theming-event.js.map +1 -1
  331. package/theming/types.d.ts +3 -14
  332. package/theming/types.js.map +1 -1
  333. package/theming/utils.js +24 -23
  334. package/theming/utils.js.map +1 -1
  335. package/web-types.json +2 -2
  336. package/components/chat/chat-input.d.ts +0 -41
  337. package/components/chat/chat-input.js +0 -254
  338. package/components/chat/chat-input.js.map +0 -1
  339. package/components/chat/chat-message-list.d.ts +0 -24
  340. package/components/chat/chat-message-list.js +0 -88
  341. package/components/chat/chat-message-list.js.map +0 -1
  342. package/components/chat/chat-message.d.ts +0 -21
  343. package/components/chat/chat-message.js +0 -52
  344. package/components/chat/chat-message.js.map +0 -1
  345. package/components/chat/chat.d.ts +0 -41
  346. package/components/chat/chat.js +0 -98
  347. package/components/chat/chat.js.map +0 -1
  348. package/components/chat/markdown-util.d.ts +0 -2
  349. package/components/chat/markdown-util.js +0 -22
  350. package/components/chat/markdown-util.js.map +0 -1
  351. package/components/chat/message-attachments.d.ts +0 -28
  352. package/components/chat/message-attachments.js +0 -168
  353. package/components/chat/message-attachments.js.map +0 -1
  354. package/components/chat/themes/chat.base.css.js +0 -3
  355. package/components/chat/themes/chat.base.css.js.map +0 -1
  356. package/components/chat/themes/input.base.css.js +0 -3
  357. package/components/chat/themes/input.base.css.js.map +0 -1
  358. package/components/chat/themes/message-attachments.base.css.js +0 -3
  359. package/components/chat/themes/message-attachments.base.css.js.map +0 -1
  360. package/components/chat/themes/message-list.base.css.js +0 -3
  361. package/components/chat/themes/message-list.base.css.js.map +0 -1
  362. package/components/chat/themes/message.base.css.js +0 -3
  363. package/components/chat/themes/message.base.css.js.map +0 -1
  364. package/components/chat/types.d.ts +0 -46
  365. package/components/chat/types.js +0 -8
  366. package/components/chat/types.js.map +0 -1
  367. package/theming/theming-decorator.d.ts +0 -43
  368. package/theming/theming-decorator.js +0 -25
  369. package/theming/theming-decorator.js.map +0 -1
  370. /package/components/{chat/themes/chat.base.css.d.ts → dropdown/themes/shared/item/dropdown-item.bootstrap.css.d.ts} +0 -0
  371. /package/components/{chat/themes/input.base.css.d.ts → file-input/themes/dark/file-input.bootstrap.css.d.ts} +0 -0
  372. /package/components/{chat/themes/message-attachments.base.css.d.ts → file-input/themes/dark/file-input.fluent.css.d.ts} +0 -0
  373. /package/components/{chat/themes/message-list.base.css.d.ts → file-input/themes/dark/file-input.indigo.css.d.ts} +0 -0
  374. /package/components/{chat/themes/message.base.css.d.ts → file-input/themes/dark/file-input.material.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,siLAAsiL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kLAA2kL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-daterangepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-daterangepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-daterangepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: fluent;--calendar-border-color: transparent}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo;--calendar-border-color: var(--ig-gray-100)}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-7)}`;
3
3
  //# sourceMappingURL=date-range-picker.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otMAAotM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0MAAo0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-daterangepicker-label-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--ranges-background: var(--ig-daterangepicker-ranges-background, var(--ig-gray-50));--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-daterangepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-daterangepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-daterangepicker-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, transparent);--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-daterangepicker-box-background, transparent);--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-0));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-gray-50));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: indigo;--calendar-border-color: var(--ig-gray-100)}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-7)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material}`;
2
+ export const styles = css `:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material;--calendar-border-color: transparent}`;
3
3
  //# sourceMappingURL=date-range-picker.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jLAA2jL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/dark/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gmLAAgmL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ranges-border: var(--ig-daterangepicker-ranges-border, var(--ig-gray-100));--helper-text-color: var(--ig-daterangepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-daterangepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-daterangepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-daterangepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-daterangepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-daterangepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-daterangepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-daterangepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-daterangepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-daterangepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-daterangepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-daterangepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-daterangepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-daterangepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-daterangepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-daterangepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-daterangepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-daterangepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-daterangepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-daterangepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-daterangepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-daterangepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-daterangepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-daterangepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-daterangepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-daterangepicker-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-daterangepicker-border-color, transparent);--hover-border-color: var(--ig-daterangepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-daterangepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-daterangepicker-border-background, transparent);--border-disabled-background: var(--ig-daterangepicker-border-disabled-background, transparent);--search-background: var(--ig-daterangepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-daterangepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-daterangepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-daterangepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-daterangepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-daterangepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-daterangepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-daterangepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-daterangepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-daterangepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-daterangepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-daterangepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-daterangepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-daterangepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-daterangepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-daterangepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-daterangepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-daterangepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-daterangepicker-default-size, 2);--search-resting-elevation: var(--ig-daterangepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-daterangepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-daterangepicker-search-disabled-elevation, var(--ig-elevation-1));--border-radius: var(--ig-daterangepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--content-background: var(--ig-daterangepicker-content-background, var(--ig-surface-500));--actions-divider-color: var(--ig-daterangepicker-actions-divider-color, var(--ig-gray-100));--ig-theme: material;--calendar-border-color: transparent}`;\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(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-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),: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=separator]{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)}[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{--calendar-border-color: var(--ig-gray-300)}:host igc-dialog igc-calendar{border: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-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),: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=separator]{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)}[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-range-picker.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnDAAqnD,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(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-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),: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=separator]{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)}[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-range-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6hDAA6hD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-300)}:host igc-dialog igc-calendar{border: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-input::part(container),:host([readonly]) igc-input::part(prefix),:host([readonly]) igc-input::part(suffix),: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=separator]{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)}[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){padding:0}:host igc-dialog::part(footer){padding:.5rem;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(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),:host([disabled]){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{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)}[part=separator]{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(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}: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);border:.0625rem solid var(--calendar-border-color)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;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);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}: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),:host([disabled]){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, "disabled-text-color")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{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)}[part=separator]{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(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;
3
3
  //# sourceMappingURL=date-range-picker.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m9HAAm9H,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){padding:0}:host igc-dialog::part(footer){padding:.5rem;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(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),:host([disabled]){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{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)}[part=separator]{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(--label-color);height:var(--size)}igc-icon,::slotted(igc-icon){--component-size: var(--input-size)}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmIAAkmI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--calendar-border-color: transparent}: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);border:.0625rem solid var(--calendar-border-color)}:host igc-dialog::part(content){padding:0}:host igc-dialog::part(footer){padding:.5rem;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);box-shadow:0 0 0 .0625rem var(--calendar-border-color)}:host igc-popover::part(container){box-shadow:var(--ig-elevation-3);border-radius:var(--border-radius)}: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),:host([disabled]){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(filled),:host([disabled]) ::part(filled){--affix-color: var-get($theme, \"disabled-text-color\")}:host(:disabled) ::part(helper-text),:host(:disabled) [part=label],:host(:disabled) igc-validator,:host([disabled]) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) igc-validator{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)}[part=separator]{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(--label-color);height:var(--size)}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(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-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),: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([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-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))}`;
2
+ export const styles = css `:host{--calendar-border-color: transparent}:host igc-dialog[open]::part(base){border-radius:0}: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-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),: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([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-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-range-picker.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2CAAq2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:0}: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-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),: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([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-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
+ {"version":3,"file":"date-range-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g5CAAg5C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: transparent}:host igc-dialog[open]::part(base){border-radius:0}: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-input::part(prefix),:host(:not([disabled])[readonly]) igc-input::part(suffix),: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([readonly],[invalid],[disabled])) igc-input[readonly]:not(:focus):hover::part(container)::before{color:var(--hover-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-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-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(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(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-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{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}: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(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;
3
3
  //# sourceMappingURL=date-range-picker.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4kDAA4kD,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-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}:host igc-focus-trap{box-shadow:0 0 0 .0625rem var(--border-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(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(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-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-range-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ihDAAihD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--calendar-border-color: var(--ig-gray-400)}:host igc-dialog[open]::part(base){border-radius:.375rem;box-shadow:var(--ig-elevation-5)}:host igc-dialog::part(footer){padding:.5rem 1rem;gap:.5rem}: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(:not([invalid])[readonly]) igc-input::part(container),:host(:not([invalid])[readonly]) igc-date-time-input::part(container){border-color:var(--disabled-text-color)}:host(:not([readonly]):hover) igc-input[readonly]::part(container){background:var(--box-background-hover)}:host(:not([readonly]):hover) igc-input[readonly]::part(filled){color:var(--filled-text-hover-color)}:host(:not([readonly],[invalid]):hover) igc-input[readonly]::part(container){border-color:var(--hover-bottom-line-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}`;\n"]}
@@ -70,6 +70,7 @@ export default class IgcDialogComponent extends IgcDialogComponent_base {
70
70
  /** Sets the return value for the dialog. */
71
71
  returnValue: string;
72
72
  protected handleOpenState(): void;
73
+ constructor();
73
74
  protected createRenderRoot(): HTMLElement | DocumentFragment;
74
75
  protected firstUpdated(): void;
75
76
  private toggleAnimation;
@@ -11,7 +11,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
11
11
  import { createRef, ref } from 'lit/directives/ref.js';
12
12
  import { addAnimationController } from '../../animations/player.js';
13
13
  import { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';
14
- import { themes } from '../../theming/theming-decorator.js';
14
+ import { addThemingController } from '../../theming/theming-controller.js';
15
15
  import IgcButtonComponent from '../button/button.js';
16
16
  import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
17
17
  import { watch } from '../common/decorators/watch.js';
@@ -23,8 +23,17 @@ import { styles } from './themes/dialog.base.css.js';
23
23
  import { styles as shared } from './themes/shared/dialog.common.css.js';
24
24
  import { all } from './themes/themes.js';
25
25
  let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends EventEmitterMixin(LitElement) {
26
+ static register() {
27
+ registerComponent(IgcDialogComponent_1, IgcButtonComponent);
28
+ }
29
+ get dialog() {
30
+ return this.dialogRef.value;
31
+ }
32
+ handleOpenState() {
33
+ this.open ? this.dialog.showModal() : this.dialog.close();
34
+ }
26
35
  constructor() {
27
- super(...arguments);
36
+ super();
28
37
  this.titleId = `title-${IgcDialogComponent_1.increment()}`;
29
38
  this.dialogRef = createRef();
30
39
  this.animationPlayer = addAnimationController(this, this.dialogRef);
@@ -41,15 +50,7 @@ let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends
41
50
  this._hide(true);
42
51
  }
43
52
  };
44
- }
45
- static register() {
46
- registerComponent(IgcDialogComponent_1, IgcButtonComponent);
47
- }
48
- get dialog() {
49
- return this.dialogRef.value;
50
- }
51
- handleOpenState() {
52
- this.open ? this.dialog.showModal() : this.dialog.close();
53
+ addThemingController(this, all);
53
54
  }
54
55
  createRenderRoot() {
55
56
  const root = super.createRenderRoot();
@@ -203,7 +204,6 @@ __decorate([
203
204
  watch('open', { waitUntilFirstUpdate: true })
204
205
  ], IgcDialogComponent.prototype, "handleOpenState", null);
205
206
  IgcDialogComponent = IgcDialogComponent_1 = __decorate([
206
- themes(all),
207
207
  blazorAdditionalDependencies('IgcButtonComponent')
208
208
  ], IgcDialogComponent);
209
209
  export default IgcDialogComponent;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n createCounter,\n isEmpty,\n numberInRangeInclusive,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a Dialog component.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n *\n * @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders the dialog footer.\n *\n * @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n */\n@themes(all)\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /**\n * Backdrop animation helper.\n */\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'message' })\n private messageElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /**\n * Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n */\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /**\n * Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n */\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /**\n * Whether to hide the default action button for the dialog.\n *\n * When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n */\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /**\n * Whether the dialog is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Sets the title of the dialog.\n * @attr\n */\n @property()\n public override title!: string;\n\n /** Sets the return value for the dialog. */\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open || (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /** Opens the dialog. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /** Closes the dialog. */\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /** Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledBy = label ? undefined : this.titleId;\n const backdropParts = {\n backdrop: true,\n animating: this.animating,\n };\n const baseParts = {\n base: true,\n titled: this.titleElements.length > 0 || !!this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n\n return html`\n <div part=${partMap(backdropParts)} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${partMap(baseParts)}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledBy)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot name=\"message\" .hidden=${isEmpty(this.messageElements)}></slot>\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partMap } from '../common/part-map.js';\nimport {\n createCounter,\n isEmpty,\n numberInRangeInclusive,\n} from '../common/util.js';\nimport { styles } from './themes/dialog.base.css.js';\nimport { styles as shared } from './themes/shared/dialog.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcDialogComponentEventMap {\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\n/**\n * Represents a Dialog component.\n *\n * @element igc-dialog\n *\n * @fires igcClosing - Emitter just before the dialog is closed.\n * @fires igcClosed - Emitted after closing the dialog.\n *\n * @slot - Renders content inside the default slot.\n * @slot title - Renders the title of the dialog header.\n * @slot message - Renders the message content of the dialog.\n * @slot footer - Renders the dialog footer.\n *\n * @csspart base - The base wrapper of the dialog.\n * @csspart title - The title container.\n * @csspart footer - The footer container.\n * @csspart overlay - The overlay.\n */\n@blazorAdditionalDependencies('IgcButtonComponent')\nexport default class IgcDialogComponent extends EventEmitterMixin<\n IgcDialogComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-dialog';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDialogComponent, IgcButtonComponent);\n }\n\n private static readonly increment = createCounter();\n private titleId = `title-${IgcDialogComponent.increment()}`;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n private animationPlayer = addAnimationController(this, this.dialogRef);\n\n /**\n * Backdrop animation helper.\n */\n @state()\n private animating = false;\n\n private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'message' })\n private messageElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /**\n * Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n * @attr keep-open-on-escape\n */\n @property({ type: Boolean, attribute: 'keep-open-on-escape' })\n public keepOpenOnEscape = false;\n\n /**\n * Whether the dialog should be closed when clicking outside of it.\n * @attr close-on-outside-click\n */\n @property({ type: Boolean, attribute: 'close-on-outside-click' })\n public closeOnOutsideClick = false;\n\n /**\n * Whether to hide the default action button for the dialog.\n *\n * When there is projected content in the `footer` slot this property\n * has no effect.\n * @attr hide-default-action\n */\n @property({ type: Boolean, attribute: 'hide-default-action' })\n public hideDefaultAction = false;\n\n /**\n * Whether the dialog is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Sets the title of the dialog.\n * @attr\n */\n @property()\n public override title!: string;\n\n /** Sets the return value for the dialog. */\n @property({ attribute: false })\n public returnValue!: string;\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n protected override firstUpdated() {\n if (this.open) {\n this.dialog.showModal();\n }\n }\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private async _hide(emitEvent = false) {\n if (!this.open || (emitEvent && !this.emitClosing())) {\n return false;\n }\n\n this.animating = true;\n await this.toggleAnimation('close');\n this.open = false;\n this.animating = false;\n\n if (emitEvent) {\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n\n return true;\n }\n\n /** Opens the dialog. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n return true;\n }\n\n /** Closes the dialog. */\n public async hide(): Promise<boolean> {\n return this._hide();\n }\n\n /** Toggles the open state of the dialog. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this._hide(true);\n }\n }\n\n private handleClick({ clientX, clientY, target }: PointerEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const rect = this.dialog.getBoundingClientRect();\n const inX = numberInRangeInclusive(clientX, rect.left, rect.right);\n const inY = numberInRangeInclusive(clientY, rect.top, rect.bottom);\n\n if (!(inX && inY)) {\n this._hide(true);\n }\n }\n }\n\n private emitClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: SubmitEvent) => {\n if (e.submitter) {\n this.returnValue = (e.submitter as any)?.value ?? '';\n }\n\n if (!e.defaultPrevented) {\n this._hide(true);\n }\n };\n\n private handleContentChange() {\n // Setup submit handling for forms\n const forms = this.querySelectorAll<HTMLFormElement>(\n 'form[method=\"dialog\"]'\n );\n\n for (const form of forms) {\n form.removeEventListener('submit', this.formSubmitHandler);\n form.addEventListener('submit', this.formSubmitHandler);\n }\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledBy = label ? undefined : this.titleId;\n const backdropParts = {\n backdrop: true,\n animating: this.animating,\n };\n const baseParts = {\n base: true,\n titled: this.titleElements.length > 0 || !!this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n\n return html`\n <div part=${partMap(backdropParts)} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=${partMap(baseParts)}\n role=\"dialog\"\n @click=${this.handleClick}\n @cancel=${this.handleCancel}\n aria-label=${ifDefined(label)}\n aria-labelledby=${ifDefined(labelledBy)}\n >\n <header part=\"title\" id=${this.titleId}>\n <slot name=\"title\"><span>${this.title}</span></slot>\n </header>\n <section part=\"content\">\n <slot name=\"message\" .hidden=${isEmpty(this.messageElements)}></slot>\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${() => this._hide(true)}\n >OK</igc-button\n >`}\n </slot>\n </footer>\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-dialog': IgcDialogComponent;\n }\n}\n"]}
@@ -34,6 +34,7 @@ export default class IgcDividerComponent extends LitElement {
34
34
  * @default 'solid'
35
35
  */
36
36
  type: DividerType;
37
+ constructor();
37
38
  protected render(): import("lit-html").TemplateResult<1>;
38
39
  }
39
40
  declare global {
@@ -4,30 +4,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- var IgcDividerComponent_1;
8
7
  import { html, LitElement } from 'lit';
9
8
  import { property } from 'lit/decorators.js';
10
- import { themes } from '../../theming/theming-decorator.js';
9
+ import { addThemingController } from '../../theming/theming-controller.js';
11
10
  import { addInternalsController } from '../common/controllers/internals.js';
12
11
  import { registerComponent } from '../common/definitions/register.js';
13
12
  import { styles } from './themes/divider.base.css.js';
14
13
  import { styles as shared } from './themes/shared/divider.common.css.js';
15
14
  import { all } from './themes/themes.js';
16
- let IgcDividerComponent = IgcDividerComponent_1 = class IgcDividerComponent extends LitElement {
17
- constructor() {
18
- super(...arguments);
19
- this._internals = addInternalsController(this, {
20
- initialARIA: {
21
- role: 'separator',
22
- ariaOrientation: 'vertical',
23
- },
24
- });
25
- this._vertical = false;
26
- this.middle = false;
27
- this.type = 'solid';
28
- }
15
+ class IgcDividerComponent extends LitElement {
29
16
  static register() {
30
- registerComponent(IgcDividerComponent_1);
17
+ registerComponent(IgcDividerComponent);
31
18
  }
32
19
  set vertical(value) {
33
20
  this._vertical = Boolean(value);
@@ -38,12 +25,26 @@ let IgcDividerComponent = IgcDividerComponent_1 = class IgcDividerComponent exte
38
25
  get vertical() {
39
26
  return this._vertical;
40
27
  }
28
+ constructor() {
29
+ super();
30
+ this._internals = addInternalsController(this, {
31
+ initialARIA: {
32
+ role: 'separator',
33
+ ariaOrientation: 'vertical',
34
+ },
35
+ });
36
+ this._vertical = false;
37
+ this.middle = false;
38
+ this.type = 'solid';
39
+ addThemingController(this, all);
40
+ }
41
41
  render() {
42
42
  return html ``;
43
43
  }
44
- };
44
+ }
45
45
  IgcDividerComponent.tagName = 'igc-divider';
46
46
  IgcDividerComponent.styles = [styles, shared];
47
+ export default IgcDividerComponent;
47
48
  __decorate([
48
49
  property({ type: Boolean, reflect: true })
49
50
  ], IgcDividerComponent.prototype, "vertical", null);
@@ -53,8 +54,4 @@ __decorate([
53
54
  __decorate([
54
55
  property({ reflect: true })
55
56
  ], IgcDividerComponent.prototype, "type", void 0);
56
- IgcDividerComponent = IgcDividerComponent_1 = __decorate([
57
- themes(all)
58
- ], IgcDividerComponent);
59
- export default IgcDividerComponent;
60
57
  //# sourceMappingURL=divider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAY1B,IAAM,mBAAmB,2BAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QASI,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,WAAW;gBACjB,eAAe,EAAE,UAAU;aAC5B;SACF,CAAC,CAAC;QAEK,cAAS,GAAG,KAAK,CAAC;QAyBnB,WAAM,GAAG,KAAK,CAAC;QASf,SAAI,GAAgB,OAAO,CAAC;IAKrC,CAAC;IAlDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAmB,CAAC,CAAC;IACzC,CAAC;IAiBD,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SAC5D,CAAC,CAAC;IACL,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAmBkB,MAAM;QACvB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;;AArDsB,2BAAO,GAAG,aAAa,AAAhB,CAAiB;AACxB,0BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAsBjD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAM1C;AAYM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACrB;AASf;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACO;AAlDhB,mBAAmB;IADvC,MAAM,CAAC,GAAG,CAAC;GACS,mBAAmB,CAuDvC;eAvDoB,mBAAmB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { DividerType } from '../types.js';\nimport { styles } from './themes/divider.base.css.js';\nimport { styles as shared } from './themes/shared/divider.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.\n *\n * @element igc-divider\n *\n * @cssproperty --color - Sets the color of the divider.\n * @cssproperty --inset - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.\n *\n */\n@themes(all)\nexport default class IgcDividerComponent extends LitElement {\n public static readonly tagName = 'igc-divider';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcDividerComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: {\n role: 'separator',\n ariaOrientation: 'vertical',\n },\n });\n\n private _vertical = false;\n\n /**\n * Whether to render a vertical divider line.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public set vertical(value: boolean) {\n this._vertical = Boolean(value);\n this._internals.setARIA({\n ariaOrientation: this._vertical ? 'vertical' : 'horizontal',\n });\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n\n /**\n * When set and inset is provided, it will shrink the divider line from both sides.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public middle = false;\n\n /* alternateName: lineType */\n /**\n * Whether to render a solid or a dashed divider line.\n * @attr type\n * @default 'solid'\n */\n @property({ reflect: true })\n public type: DividerType = 'solid';\n\n protected override render() {\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-divider': IgcDividerComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAWzC,MAAqB,mBAAoB,SAAQ,UAAU;IAKlD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAiBD,IAAW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SAC5D,CAAC,CAAC;IACL,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAmBD;QACE,KAAK,EAAE,CAAC;QA5CO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,WAAW;gBACjB,eAAe,EAAE,UAAU;aAC5B;SACF,CAAC,CAAC;QAEK,cAAS,GAAG,KAAK,CAAC;QAyBnB,WAAM,GAAG,KAAK,CAAC;QASf,SAAI,GAAgB,OAAO,CAAC;QAIjC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;;AA1DsB,2BAAO,GAAG,aAAa,AAAhB,CAAiB;AACxB,0BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,mBAAmB;AAwBtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAM1C;AAYM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACrB;AASf;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACO","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { DividerType } from '../types.js';\nimport { styles } from './themes/divider.base.css.js';\nimport { styles as shared } from './themes/shared/divider.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.\n *\n * @element igc-divider\n *\n * @cssproperty --color - Sets the color of the divider.\n * @cssproperty --inset - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.\n *\n */\nexport default class IgcDividerComponent extends LitElement {\n public static readonly tagName = 'igc-divider';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcDividerComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: {\n role: 'separator',\n ariaOrientation: 'vertical',\n },\n });\n\n private _vertical = false;\n\n /**\n * Whether to render a vertical divider line.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public set vertical(value: boolean) {\n this._vertical = Boolean(value);\n this._internals.setARIA({\n ariaOrientation: this._vertical ? 'vertical' : 'horizontal',\n });\n }\n\n public get vertical(): boolean {\n return this._vertical;\n }\n\n /**\n * When set and inset is provided, it will shrink the divider line from both sides.\n * @attr\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public middle = false;\n\n /* alternateName: lineType */\n /**\n * Whether to render a solid or a dashed divider line.\n * @attr type\n * @default 'solid'\n */\n @property({ reflect: true })\n public type: DividerType = 'solid';\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-divider': IgcDividerComponent;\n }\n}\n"]}
@@ -4,22 +4,22 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- var IgcDropdownGroupComponent_1;
8
7
  import { html, LitElement } from 'lit';
9
8
  import { queryAssignedElements } from 'lit/decorators.js';
10
- import { themes } from '../../theming/theming-decorator.js';
9
+ import { addThemingController } from '../../theming/theming-controller.js';
11
10
  import { addInternalsController } from '../common/controllers/internals.js';
12
11
  import { registerComponent } from '../common/definitions/register.js';
13
12
  import IgcDropdownItemComponent from './dropdown-item.js';
14
13
  import { styles } from './themes/dropdown-group.base.css.js';
15
14
  import { all } from './themes/group.js';
16
15
  import { styles as shared } from './themes/shared/group/dropdown-group.common.css.js';
17
- let IgcDropdownGroupComponent = IgcDropdownGroupComponent_1 = class IgcDropdownGroupComponent extends LitElement {
16
+ class IgcDropdownGroupComponent extends LitElement {
18
17
  static register() {
19
- registerComponent(IgcDropdownGroupComponent_1);
18
+ registerComponent(IgcDropdownGroupComponent);
20
19
  }
21
20
  constructor() {
22
21
  super();
22
+ addThemingController(this, all);
23
23
  addInternalsController(this, {
24
24
  initialARIA: {
25
25
  role: 'group',
@@ -34,17 +34,14 @@ let IgcDropdownGroupComponent = IgcDropdownGroupComponent_1 = class IgcDropdownG
34
34
  <slot></slot>
35
35
  `;
36
36
  }
37
- };
37
+ }
38
38
  IgcDropdownGroupComponent.tagName = 'igc-dropdown-group';
39
39
  IgcDropdownGroupComponent.styles = [styles, shared];
40
+ export default IgcDropdownGroupComponent;
40
41
  __decorate([
41
42
  queryAssignedElements({
42
43
  flatten: true,
43
44
  selector: IgcDropdownItemComponent.tagName,
44
45
  })
45
46
  ], IgcDropdownGroupComponent.prototype, "items", void 0);
46
- IgcDropdownGroupComponent = IgcDropdownGroupComponent_1 = __decorate([
47
- themes(all)
48
- ], IgcDropdownGroupComponent);
49
- export default IgcDropdownGroupComponent;
50
47
  //# sourceMappingURL=dropdown-group.js.map