igniteui-webcomponents 4.9.0 → 4.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (746) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/animations/player.d.ts +1 -1
  3. package/components/banner/banner.d.ts +55 -0
  4. package/components/banner/banner.js +100 -0
  5. package/components/banner/banner.js.map +1 -0
  6. package/components/banner/themes/banner.base.css.js +3 -0
  7. package/components/banner/themes/banner.base.css.js.map +1 -0
  8. package/components/banner/themes/dark/banner.bootstrap.css.js +3 -0
  9. package/components/banner/themes/dark/banner.bootstrap.css.js.map +1 -0
  10. package/components/banner/themes/dark/banner.fluent.css.d.ts +1 -0
  11. package/components/banner/themes/dark/banner.fluent.css.js +3 -0
  12. package/components/banner/themes/dark/banner.fluent.css.js.map +1 -0
  13. package/components/banner/themes/dark/banner.indigo.css.d.ts +1 -0
  14. package/components/banner/themes/dark/banner.indigo.css.js +3 -0
  15. package/components/banner/themes/dark/banner.indigo.css.js.map +1 -0
  16. package/components/banner/themes/dark/banner.material.css.d.ts +1 -0
  17. package/components/banner/themes/dark/banner.material.css.js +3 -0
  18. package/components/banner/themes/dark/banner.material.css.js.map +1 -0
  19. package/components/banner/themes/light/banner.bootstrap.css.d.ts +1 -0
  20. package/components/banner/themes/light/banner.bootstrap.css.js +3 -0
  21. package/components/banner/themes/light/banner.bootstrap.css.js.map +1 -0
  22. package/components/banner/themes/light/banner.fluent.css.d.ts +1 -0
  23. package/components/banner/themes/light/banner.fluent.css.js +3 -0
  24. package/components/banner/themes/light/banner.fluent.css.js.map +1 -0
  25. package/components/banner/themes/light/banner.indigo.css.d.ts +1 -0
  26. package/components/banner/themes/light/banner.indigo.css.js +3 -0
  27. package/components/banner/themes/light/banner.indigo.css.js.map +1 -0
  28. package/components/banner/themes/light/banner.material.css.d.ts +1 -0
  29. package/components/banner/themes/light/banner.material.css.js +3 -0
  30. package/components/banner/themes/light/banner.material.css.js.map +1 -0
  31. package/components/banner/themes/shared/banner.bootstrap.css.d.ts +1 -0
  32. package/components/banner/themes/shared/banner.bootstrap.css.js +3 -0
  33. package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -0
  34. package/components/banner/themes/shared/banner.fluent.css.d.ts +1 -0
  35. package/components/banner/themes/shared/banner.fluent.css.js +3 -0
  36. package/components/banner/themes/shared/banner.fluent.css.js.map +1 -0
  37. package/components/banner/themes/shared/banner.indigo.css.d.ts +1 -0
  38. package/components/banner/themes/shared/banner.indigo.css.js +3 -0
  39. package/components/banner/themes/shared/banner.indigo.css.js.map +1 -0
  40. package/components/banner/themes/shared/banner.material.css.d.ts +1 -0
  41. package/components/banner/themes/shared/banner.material.css.js +3 -0
  42. package/components/banner/themes/shared/banner.material.css.js.map +1 -0
  43. package/components/banner/themes/themes.d.ts +2 -0
  44. package/components/banner/themes/themes.js +43 -0
  45. package/components/banner/themes/themes.js.map +1 -0
  46. package/components/button/button-base.d.ts +3 -1
  47. package/components/button/button-base.js +13 -4
  48. package/components/button/button-base.js.map +1 -1
  49. package/components/button/themes/button/button.base.css.js +1 -1
  50. package/components/button/themes/button/button.base.css.js.map +1 -1
  51. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
  52. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  53. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  54. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  55. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  56. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  57. package/components/button/themes/button/dark/button.material.css.js +1 -1
  58. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  59. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  60. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  61. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  62. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  63. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  64. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  65. package/components/button/themes/button/light/button.material.css.js +1 -1
  66. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  67. package/components/button/themes/button/light/button.shared.css.js +1 -1
  68. package/components/button/themes/button/light/button.shared.css.js.map +1 -1
  69. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  70. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  71. package/components/button/themes/button/shared/button.common.css.js +1 -1
  72. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  73. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  74. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  75. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  76. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  77. package/components/button/themes/button/shared/button.material.css.js +1 -1
  78. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  79. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js +1 -1
  80. package/components/button/themes/icon-button/dark/icon-button.bootstrap.css.js.map +1 -1
  81. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js +1 -1
  82. package/components/button/themes/icon-button/dark/icon-button.fluent.css.js.map +1 -1
  83. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
  84. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
  85. package/components/button/themes/icon-button/dark/icon-button.material.css.js +1 -1
  86. package/components/button/themes/icon-button/dark/icon-button.material.css.js.map +1 -1
  87. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  88. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  89. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
  90. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  91. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
  92. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  93. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  94. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  95. package/components/button/themes/icon-button/light/icon-button.material.css.js +1 -1
  96. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  97. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
  98. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
  99. package/components/button/themes/icon-button/shared/icon-button.common.css.js +1 -1
  100. package/components/button/themes/icon-button/shared/icon-button.common.css.js.map +1 -1
  101. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
  102. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
  103. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  104. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  105. package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
  106. package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
  107. package/components/button-group/themes/button.base.css.js +1 -1
  108. package/components/button-group/themes/button.base.css.js.map +1 -1
  109. package/components/button-group/themes/button.d.ts +1 -1
  110. package/components/button-group/themes/button.js +7 -0
  111. package/components/button-group/themes/button.js.map +1 -1
  112. package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
  113. package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
  114. package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
  115. package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
  116. package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
  117. package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
  118. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  119. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  120. package/components/button-group/themes/dark/button-group.shared.css.js +1 -1
  121. package/components/button-group/themes/dark/button-group.shared.css.js.map +1 -1
  122. package/components/button-group/themes/group.d.ts +1 -1
  123. package/components/button-group/themes/group.js.map +1 -1
  124. package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
  125. package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
  126. package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
  127. package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
  128. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  129. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  130. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  131. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  132. package/components/button-group/themes/light/button-group.shared.css.js +1 -1
  133. package/components/button-group/themes/light/button-group.shared.css.js.map +1 -1
  134. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  135. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  136. package/components/button-group/themes/shared/button/button.common.css.js +1 -1
  137. package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
  138. package/components/button-group/themes/shared/button/button.fluent.css.js +1 -1
  139. package/components/button-group/themes/shared/button/button.fluent.css.js.map +1 -1
  140. package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
  141. package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
  142. package/components/button-group/themes/shared/button/button.material.css.d.ts +1 -0
  143. package/components/button-group/themes/shared/button/button.material.css.js +3 -0
  144. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -0
  145. package/components/button-group/themes/shared/group/group.bootstrap.css.js +1 -1
  146. package/components/button-group/themes/shared/group/group.bootstrap.css.js.map +1 -1
  147. package/components/button-group/themes/shared/group/group.common.css.js +1 -1
  148. package/components/button-group/themes/shared/group/group.common.css.js.map +1 -1
  149. package/components/button-group/themes/shared/group/group.indigo.css.js +1 -1
  150. package/components/button-group/themes/shared/group/group.indigo.css.js.map +1 -1
  151. package/components/button-group/toggle-button.d.ts +3 -1
  152. package/components/button-group/toggle-button.js +9 -1
  153. package/components/button-group/toggle-button.js.map +1 -1
  154. package/components/calendar/calendar.d.ts +2 -1
  155. package/components/calendar/calendar.js +15 -14
  156. package/components/calendar/calendar.js.map +1 -1
  157. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  158. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  159. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  160. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  161. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  162. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  163. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  164. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  165. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  166. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  167. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  168. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  169. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  170. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  171. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  172. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  173. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  174. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  175. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  176. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  177. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  178. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  179. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  180. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  181. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +1 -1
  182. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -1
  183. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  184. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  185. package/components/checkbox/checkbox-base.d.ts +2 -6
  186. package/components/checkbox/checkbox-base.js +18 -37
  187. package/components/checkbox/checkbox-base.js.map +1 -1
  188. package/components/checkbox/checkbox.js +3 -3
  189. package/components/checkbox/checkbox.js.map +1 -1
  190. package/components/checkbox/switch.js +3 -3
  191. package/components/checkbox/switch.js.map +1 -1
  192. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  193. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  194. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  195. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  196. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  197. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  198. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js +1 -1
  199. package/components/checkbox/themes/dark/checkbox/checkbox.material.css.js.map +1 -1
  200. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js +1 -1
  201. package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map +1 -1
  202. package/components/checkbox/themes/dark/switch/switch.fluent.css.js +1 -1
  203. package/components/checkbox/themes/dark/switch/switch.fluent.css.js.map +1 -1
  204. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  205. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  206. package/components/checkbox/themes/dark/switch/switch.material.css.js +1 -1
  207. package/components/checkbox/themes/dark/switch/switch.material.css.js.map +1 -1
  208. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  209. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  210. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  211. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  212. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  213. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  214. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  215. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  216. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  217. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  218. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js +1 -1
  219. package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map +1 -1
  220. package/components/checkbox/themes/light/switch/switch.fluent.css.js +1 -1
  221. package/components/checkbox/themes/light/switch/switch.fluent.css.js.map +1 -1
  222. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  223. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  224. package/components/checkbox/themes/light/switch/switch.material.css.js +1 -1
  225. package/components/checkbox/themes/light/switch/switch.material.css.js.map +1 -1
  226. package/components/checkbox/themes/light/switch/switch.shared.css.js +1 -1
  227. package/components/checkbox/themes/light/switch/switch.shared.css.js.map +1 -1
  228. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  229. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  230. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  231. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  232. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  233. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  234. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  235. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  236. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  237. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  238. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  239. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  240. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  241. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  242. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  243. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  244. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  245. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  246. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  247. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  248. package/components/checkbox/themes/switch-themes.js +3 -4
  249. package/components/checkbox/themes/switch-themes.js.map +1 -1
  250. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  251. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  252. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  253. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  254. package/components/combo/combo.d.ts +2 -0
  255. package/components/combo/combo.js +17 -0
  256. package/components/combo/combo.js.map +1 -1
  257. package/components/combo/controllers/navigation.d.ts +1 -0
  258. package/components/combo/controllers/navigation.js +7 -1
  259. package/components/combo/controllers/navigation.js.map +1 -1
  260. package/components/combo/controllers/selection.d.ts +1 -0
  261. package/components/combo/controllers/selection.js +9 -0
  262. package/components/combo/controllers/selection.js.map +1 -1
  263. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  264. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  265. package/components/combo/themes/dark/combo.fluent.css.js +1 -1
  266. package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
  267. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  268. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  269. package/components/combo/themes/dark/combo.material.css.js +1 -1
  270. package/components/combo/themes/dark/combo.material.css.js.map +1 -1
  271. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  272. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  273. package/components/combo/themes/light/combo.fluent.css.js +1 -1
  274. package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
  275. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  276. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  277. package/components/combo/themes/light/combo.material.css.js +1 -1
  278. package/components/combo/themes/light/combo.material.css.js.map +1 -1
  279. package/components/combo/themes/shared/combo.common.css.js +1 -1
  280. package/components/combo/themes/shared/combo.common.css.js.map +1 -1
  281. package/components/common/controllers/focus-ring.d.ts +32 -0
  282. package/components/common/controllers/focus-ring.js +31 -0
  283. package/components/common/controllers/focus-ring.js.map +1 -0
  284. package/components/common/decorators/blazorDeepImport.d.ts +1 -1
  285. package/components/common/decorators/blazorDeepImport.js.map +1 -1
  286. package/components/common/decorators/blazorIndirectRender.d.ts +1 -1
  287. package/components/common/decorators/blazorIndirectRender.js.map +1 -1
  288. package/components/common/decorators/blazorSuppressComponent.d.ts +1 -1
  289. package/components/common/decorators/blazorSuppressComponent.js.map +1 -1
  290. package/components/common/definitions/defineAllComponents.js +6 -0
  291. package/components/common/definitions/defineAllComponents.js.map +1 -1
  292. package/components/common/localization/validation-en.d.ts +1 -0
  293. package/components/common/localization/validation-en.js +1 -0
  294. package/components/common/localization/validation-en.js.map +1 -1
  295. package/components/common/mixins/event-emitter.d.ts +1 -1
  296. package/components/common/mixins/event-emitter.js.map +1 -1
  297. package/components/common/mixins/form-associated.d.ts +1 -1
  298. package/components/common/mixins/form-associated.js.map +1 -1
  299. package/components/common/mixins/option.d.ts +10 -6
  300. package/components/common/mixins/option.js +28 -23
  301. package/components/common/mixins/option.js.map +1 -1
  302. package/components/common/mixins/sizable.d.ts +1 -1
  303. package/components/common/mixins/sizable.js.map +1 -1
  304. package/components/common/util.d.ts +5 -1
  305. package/components/common/util.js +2 -1
  306. package/components/common/util.js.map +1 -1
  307. package/components/common/validators.d.ts +9 -1
  308. package/components/common/validators.js +16 -1
  309. package/components/common/validators.js.map +1 -1
  310. package/components/date-picker/date-picker.d.ts +279 -0
  311. package/components/date-picker/date-picker.js +534 -0
  312. package/components/date-picker/date-picker.js.map +1 -0
  313. package/components/date-picker/themes/dark/date-picker.bootstrap.css.d.ts +1 -0
  314. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +3 -0
  315. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -0
  316. package/components/date-picker/themes/dark/date-picker.fluent.css.d.ts +1 -0
  317. package/components/date-picker/themes/dark/date-picker.fluent.css.js +3 -0
  318. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -0
  319. package/components/date-picker/themes/dark/date-picker.indigo.css.d.ts +1 -0
  320. package/components/date-picker/themes/dark/date-picker.indigo.css.js +3 -0
  321. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -0
  322. package/components/date-picker/themes/dark/date-picker.material.css.d.ts +1 -0
  323. package/components/date-picker/themes/dark/date-picker.material.css.js +3 -0
  324. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -0
  325. package/components/date-picker/themes/date-picker.base.css.d.ts +1 -0
  326. package/components/date-picker/themes/date-picker.base.css.js +3 -0
  327. package/components/date-picker/themes/date-picker.base.css.js.map +1 -0
  328. package/components/date-picker/themes/light/date-picker.bootstrap.css.d.ts +1 -0
  329. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +3 -0
  330. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -0
  331. package/components/date-picker/themes/light/date-picker.fluent.css.d.ts +1 -0
  332. package/components/date-picker/themes/light/date-picker.fluent.css.js +3 -0
  333. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -0
  334. package/components/date-picker/themes/light/date-picker.indigo.css.d.ts +1 -0
  335. package/components/date-picker/themes/light/date-picker.indigo.css.js +3 -0
  336. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -0
  337. package/components/date-picker/themes/light/date-picker.material.css.d.ts +1 -0
  338. package/components/date-picker/themes/light/date-picker.material.css.js +3 -0
  339. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -0
  340. package/components/date-picker/themes/light/date-picker.shared.css.d.ts +1 -0
  341. package/components/date-picker/themes/light/date-picker.shared.css.js +3 -0
  342. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -0
  343. package/components/date-picker/themes/shared/date-picker.bootstrap.css.d.ts +1 -0
  344. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +3 -0
  345. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -0
  346. package/components/date-picker/themes/shared/date-picker.common.css.d.ts +1 -0
  347. package/components/date-picker/themes/shared/date-picker.common.css.js +3 -0
  348. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -0
  349. package/components/date-picker/themes/shared/date-picker.fluent.css.d.ts +1 -0
  350. package/components/date-picker/themes/shared/date-picker.fluent.css.js +3 -0
  351. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -0
  352. package/components/date-picker/themes/shared/date-picker.indigo.css.d.ts +1 -0
  353. package/components/date-picker/themes/shared/date-picker.indigo.css.js +3 -0
  354. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -0
  355. package/components/date-picker/themes/themes.d.ts +2 -0
  356. package/components/date-picker/themes/themes.js +49 -0
  357. package/components/date-picker/themes/themes.js.map +1 -0
  358. package/components/date-time-input/date-time-input.d.ts +3 -3
  359. package/components/date-time-input/date-time-input.js +21 -27
  360. package/components/date-time-input/date-time-input.js.map +1 -1
  361. package/components/dialog/dialog.d.ts +2 -1
  362. package/components/dialog/dialog.js +18 -11
  363. package/components/dialog/dialog.js.map +1 -1
  364. package/components/dialog/themes/dialog.base.css.js +1 -1
  365. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  366. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  367. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  368. package/components/divider/divider.d.ts +40 -0
  369. package/components/divider/divider.js +58 -0
  370. package/components/divider/divider.js.map +1 -0
  371. package/components/divider/themes/dark/divider.bootstrap.css.d.ts +1 -0
  372. package/components/divider/themes/dark/divider.bootstrap.css.js +3 -0
  373. package/components/divider/themes/dark/divider.bootstrap.css.js.map +1 -0
  374. package/components/divider/themes/dark/divider.fluent.css.d.ts +1 -0
  375. package/components/divider/themes/dark/divider.fluent.css.js +3 -0
  376. package/components/divider/themes/dark/divider.fluent.css.js.map +1 -0
  377. package/components/divider/themes/dark/divider.indigo.css.d.ts +1 -0
  378. package/components/divider/themes/dark/divider.indigo.css.js +3 -0
  379. package/components/divider/themes/dark/divider.indigo.css.js.map +1 -0
  380. package/components/divider/themes/dark/divider.material.css.d.ts +1 -0
  381. package/components/divider/themes/dark/divider.material.css.js +3 -0
  382. package/components/divider/themes/dark/divider.material.css.js.map +1 -0
  383. package/components/divider/themes/divider.base.css.d.ts +1 -0
  384. package/components/divider/themes/divider.base.css.js +3 -0
  385. package/components/divider/themes/divider.base.css.js.map +1 -0
  386. package/components/divider/themes/light/divider.bootstrap.css.d.ts +1 -0
  387. package/components/divider/themes/light/divider.bootstrap.css.js +3 -0
  388. package/components/divider/themes/light/divider.bootstrap.css.js.map +1 -0
  389. package/components/divider/themes/light/divider.fluent.css.d.ts +1 -0
  390. package/components/divider/themes/light/divider.fluent.css.js +3 -0
  391. package/components/divider/themes/light/divider.fluent.css.js.map +1 -0
  392. package/components/divider/themes/light/divider.indigo.css.d.ts +1 -0
  393. package/components/divider/themes/light/divider.indigo.css.js +3 -0
  394. package/components/divider/themes/light/divider.indigo.css.js.map +1 -0
  395. package/components/divider/themes/light/divider.material.css.d.ts +1 -0
  396. package/components/divider/themes/light/divider.material.css.js +3 -0
  397. package/components/divider/themes/light/divider.material.css.js.map +1 -0
  398. package/components/divider/themes/light/divider.shared.css.d.ts +1 -0
  399. package/components/divider/themes/light/divider.shared.css.js +3 -0
  400. package/components/divider/themes/light/divider.shared.css.js.map +1 -0
  401. package/components/divider/themes/shared/divider.common.css.d.ts +1 -0
  402. package/components/divider/themes/shared/divider.common.css.js +3 -0
  403. package/components/divider/themes/shared/divider.common.css.js.map +1 -0
  404. package/components/divider/themes/shared/divider.indigo.css.d.ts +1 -0
  405. package/components/divider/themes/shared/divider.indigo.css.js +3 -0
  406. package/components/divider/themes/shared/divider.indigo.css.js.map +1 -0
  407. package/components/divider/themes/themes.d.ts +2 -0
  408. package/components/divider/themes/themes.js +47 -0
  409. package/components/divider/themes/themes.js.map +1 -0
  410. package/components/dropdown/dropdown-group.d.ts +1 -1
  411. package/components/dropdown/dropdown-group.js.map +1 -1
  412. package/components/dropdown/dropdown-item.d.ts +3 -3
  413. package/components/dropdown/dropdown-item.js.map +1 -1
  414. package/components/dropdown/dropdown.d.ts +3 -3
  415. package/components/dropdown/dropdown.js +1 -0
  416. package/components/dropdown/dropdown.js.map +1 -1
  417. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js +1 -1
  418. package/components/dropdown/themes/dark/dropdown.bootstrap.css.js.map +1 -1
  419. package/components/dropdown/themes/dark/dropdown.fluent.css.js +1 -1
  420. package/components/dropdown/themes/dark/dropdown.fluent.css.js.map +1 -1
  421. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  422. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  423. package/components/dropdown/themes/dark/dropdown.material.css.js +1 -1
  424. package/components/dropdown/themes/dark/dropdown.material.css.js.map +1 -1
  425. package/components/dropdown/themes/header.js +7 -0
  426. package/components/dropdown/themes/header.js.map +1 -1
  427. package/components/dropdown/themes/item.js +7 -0
  428. package/components/dropdown/themes/item.js.map +1 -1
  429. package/components/dropdown/themes/light/dropdown.bootstrap.css.js +1 -1
  430. package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map +1 -1
  431. package/components/dropdown/themes/light/dropdown.fluent.css.js +1 -1
  432. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  433. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  434. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  435. package/components/dropdown/themes/light/dropdown.material.css.js +1 -1
  436. package/components/dropdown/themes/light/dropdown.material.css.js.map +1 -1
  437. package/components/dropdown/themes/light/dropdown.shared.css.js +1 -1
  438. package/components/dropdown/themes/light/dropdown.shared.css.js.map +1 -1
  439. package/components/dropdown/themes/shared/dropdown.common.css.js +1 -1
  440. package/components/dropdown/themes/shared/dropdown.common.css.js.map +1 -1
  441. package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
  442. package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
  443. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.d.ts +1 -0
  444. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +3 -0
  445. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -0
  446. package/components/dropdown/themes/shared/item/dropdown-item.common.css.js +1 -1
  447. package/components/dropdown/themes/shared/item/dropdown-item.common.css.js.map +1 -1
  448. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.d.ts +1 -0
  449. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +3 -0
  450. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -0
  451. package/components/focus-trap/focus-trap.d.ts +35 -0
  452. package/components/focus-trap/focus-trap.js +144 -0
  453. package/components/focus-trap/focus-trap.js.map +1 -0
  454. package/components/icon/internal-icons-lib.js +6 -0
  455. package/components/icon/internal-icons-lib.js.map +1 -1
  456. package/components/input/input-base.d.ts +2 -1
  457. package/components/input/input.d.ts +11 -2
  458. package/components/input/input.js +13 -4
  459. package/components/input/input.js.map +1 -1
  460. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  461. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  462. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  463. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  464. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  465. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  466. package/components/list/themes/header.js +3 -2
  467. package/components/list/themes/header.js.map +1 -1
  468. package/components/list/themes/item.base.css.js +1 -1
  469. package/components/list/themes/item.base.css.js.map +1 -1
  470. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  471. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  472. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  473. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  474. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  475. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  476. package/components/list/themes/shared/container/list.bootstrap.css.js +1 -1
  477. package/components/list/themes/shared/container/list.bootstrap.css.js.map +1 -1
  478. package/components/list/themes/shared/container/list.fluent.css.js +1 -1
  479. package/components/list/themes/shared/container/list.fluent.css.js.map +1 -1
  480. package/components/list/themes/shared/container/list.indigo.css.js +1 -1
  481. package/components/list/themes/shared/container/list.indigo.css.js.map +1 -1
  482. package/components/list/themes/shared/container/list.material.css.js +1 -1
  483. package/components/list/themes/shared/container/list.material.css.js.map +1 -1
  484. package/components/list/themes/shared/header/list-header.indigo.css.d.ts +1 -0
  485. package/components/list/themes/shared/header/list-header.indigo.css.js +3 -0
  486. package/components/list/themes/shared/header/list-header.indigo.css.js.map +1 -0
  487. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  488. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  489. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  490. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  491. package/components/mask-input/mask-input.js +2 -4
  492. package/components/mask-input/mask-input.js.map +1 -1
  493. package/components/nav-drawer/nav-drawer.d.ts +6 -6
  494. package/components/nav-drawer/nav-drawer.js +11 -13
  495. package/components/nav-drawer/nav-drawer.js.map +1 -1
  496. package/components/nav-drawer/themes/container.base.css.js +1 -1
  497. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  498. package/components/nav-drawer/themes/container.js +3 -2
  499. package/components/nav-drawer/themes/container.js.map +1 -1
  500. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js +1 -1
  501. package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map +1 -1
  502. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  503. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  504. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js +1 -1
  505. package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map +1 -1
  506. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js +1 -1
  507. package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map +1 -1
  508. package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js +1 -1
  509. package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js.map +1 -1
  510. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  511. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  512. package/components/nav-drawer/themes/header-item.js +21 -0
  513. package/components/nav-drawer/themes/header-item.js.map +1 -1
  514. package/components/nav-drawer/themes/item.base.css.js +1 -1
  515. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  516. package/components/nav-drawer/themes/item.js +7 -0
  517. package/components/nav-drawer/themes/item.js.map +1 -1
  518. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js +1 -1
  519. package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map +1 -1
  520. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  521. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  522. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js +1 -1
  523. package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map +1 -1
  524. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  525. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  526. package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js +1 -1
  527. package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map +1 -1
  528. package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js +1 -1
  529. package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map +1 -1
  530. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
  531. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
  532. package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js +1 -1
  533. package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js.map +1 -1
  534. package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js +1 -1
  535. package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map +1 -1
  536. package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.d.ts +1 -0
  537. package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js +3 -0
  538. package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map +1 -0
  539. package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js +1 -1
  540. package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js.map +1 -1
  541. package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.d.ts +1 -0
  542. package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js +3 -0
  543. package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js.map +1 -0
  544. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.d.ts +1 -0
  545. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +3 -0
  546. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -0
  547. package/components/nav-drawer/themes/shared/header-item/header-item.material.css.d.ts +1 -0
  548. package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js +3 -0
  549. package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js.map +1 -0
  550. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +1 -1
  551. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -1
  552. package/components/nav-drawer/themes/shared/item/item.common.css.js +1 -1
  553. package/components/nav-drawer/themes/shared/item/item.common.css.js.map +1 -1
  554. package/components/nav-drawer/themes/shared/item/item.fluent.css.js +1 -1
  555. package/components/nav-drawer/themes/shared/item/item.fluent.css.js.map +1 -1
  556. package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
  557. package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
  558. package/components/nav-drawer/themes/shared/item/item.material.css.d.ts +1 -0
  559. package/components/nav-drawer/themes/shared/item/item.material.css.js +3 -0
  560. package/components/nav-drawer/themes/shared/item/item.material.css.js.map +1 -0
  561. package/components/navbar/themes/dark/navbar.fluent.css.js +1 -1
  562. package/components/navbar/themes/dark/navbar.fluent.css.js.map +1 -1
  563. package/components/navbar/themes/light/navbar.fluent.css.js +1 -1
  564. package/components/navbar/themes/light/navbar.fluent.css.js.map +1 -1
  565. package/components/navbar/themes/light/navbar.shared.css.js +1 -1
  566. package/components/navbar/themes/light/navbar.shared.css.js.map +1 -1
  567. package/components/navbar/themes/navbar.base.css.js +1 -1
  568. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  569. package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
  570. package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
  571. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  572. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  573. package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
  574. package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
  575. package/components/popover/popover.d.ts +2 -0
  576. package/components/popover/popover.js +1 -1
  577. package/components/popover/popover.js.map +1 -1
  578. package/components/progress/base.d.ts +1 -1
  579. package/components/progress/base.js +6 -4
  580. package/components/progress/base.js.map +1 -1
  581. package/components/progress/circular-progress.d.ts +13 -13
  582. package/components/progress/circular-progress.js +1 -1
  583. package/components/progress/circular-progress.js.map +1 -1
  584. package/components/progress/linear-progress.d.ts +11 -11
  585. package/components/progress/linear-progress.js +4 -4
  586. package/components/progress/linear-progress.js.map +1 -1
  587. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  588. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  589. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js +1 -1
  590. package/components/progress/themes/circular/dark/circular.progress.indigo.css.js.map +1 -1
  591. package/components/progress/themes/circular/light/circular.progress.indigo.css.js +1 -1
  592. package/components/progress/themes/circular/light/circular.progress.indigo.css.js.map +1 -1
  593. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  594. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  595. package/components/progress/themes/circular/shared/circular.progress.common.css.js +1 -1
  596. package/components/progress/themes/circular/shared/circular.progress.common.css.js.map +1 -1
  597. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js +1 -1
  598. package/components/progress/themes/circular/shared/circular.progress.fluent.css.js.map +1 -1
  599. package/components/progress/themes/circular/shared/circular.progress.indigo.css.d.ts +1 -0
  600. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js +3 -0
  601. package/components/progress/themes/circular/shared/circular.progress.indigo.css.js.map +1 -0
  602. package/components/progress/themes/circular/themes.js +3 -2
  603. package/components/progress/themes/circular/themes.js.map +1 -1
  604. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  605. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  606. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js +1 -1
  607. package/components/progress/themes/linear/dark/linear.progress.indigo.css.js.map +1 -1
  608. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js +1 -1
  609. package/components/progress/themes/linear/light/linear.progress.bootstrap.css.js.map +1 -1
  610. package/components/progress/themes/linear/light/linear.progress.indigo.css.js +1 -1
  611. package/components/progress/themes/linear/light/linear.progress.indigo.css.js.map +1 -1
  612. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  613. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  614. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  615. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  616. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  617. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  618. package/components/radio/radio.d.ts +13 -5
  619. package/components/radio/radio.js +51 -43
  620. package/components/radio/radio.js.map +1 -1
  621. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  622. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  623. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  624. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  625. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  626. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  627. package/components/radio/themes/dark/radio.material.css.js +1 -1
  628. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  629. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  630. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  631. package/components/radio/themes/light/radio.fluent.css.js +1 -1
  632. package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
  633. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  634. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  635. package/components/radio/themes/light/radio.material.css.js +1 -1
  636. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  637. package/components/radio/themes/light/radio.shared.css.js +1 -1
  638. package/components/radio/themes/light/radio.shared.css.js.map +1 -1
  639. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  640. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  641. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  642. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  643. package/components/radio/themes/shared/radio.material.css.js +1 -1
  644. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  645. package/components/radio/themes/themes.js +3 -4
  646. package/components/radio/themes/themes.js.map +1 -1
  647. package/components/radio/utils.d.ts +1 -1
  648. package/components/radio/utils.js +9 -2
  649. package/components/radio/utils.js.map +1 -1
  650. package/components/radio-group/radio-group.d.ts +20 -0
  651. package/components/radio-group/radio-group.js +53 -4
  652. package/components/radio-group/radio-group.js.map +1 -1
  653. package/components/ripple/ripple.js +31 -19
  654. package/components/ripple/ripple.js.map +1 -1
  655. package/components/select/select-item.d.ts +9 -4
  656. package/components/select/select-item.js +9 -8
  657. package/components/select/select-item.js.map +1 -1
  658. package/components/select/select.d.ts +9 -7
  659. package/components/select/select.js +11 -0
  660. package/components/select/select.js.map +1 -1
  661. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  662. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  663. package/components/select/themes/dark/select.fluent.css.js +1 -1
  664. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  665. package/components/select/themes/dark/select.indigo.css.js +1 -1
  666. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  667. package/components/select/themes/dark/select.material.css.js +1 -1
  668. package/components/select/themes/dark/select.material.css.js.map +1 -1
  669. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  670. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  671. package/components/select/themes/light/select.fluent.css.js +1 -1
  672. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  673. package/components/select/themes/light/select.indigo.css.js +1 -1
  674. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  675. package/components/select/themes/light/select.material.css.js +1 -1
  676. package/components/select/themes/light/select.material.css.js.map +1 -1
  677. package/components/select/themes/shared/select.common.css.js +1 -1
  678. package/components/select/themes/shared/select.common.css.js.map +1 -1
  679. package/components/slider/themes/dark/slider.bootstrap.css.js +1 -1
  680. package/components/slider/themes/dark/slider.bootstrap.css.js.map +1 -1
  681. package/components/slider/themes/dark/slider.fluent.css.js +1 -1
  682. package/components/slider/themes/dark/slider.fluent.css.js.map +1 -1
  683. package/components/slider/themes/dark/slider.indigo.css.js +1 -1
  684. package/components/slider/themes/dark/slider.indigo.css.js.map +1 -1
  685. package/components/slider/themes/dark/slider.material.css.js +1 -1
  686. package/components/slider/themes/dark/slider.material.css.js.map +1 -1
  687. package/components/slider/themes/light/slider.bootstrap.css.js +1 -1
  688. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  689. package/components/slider/themes/light/slider.fluent.css.js +1 -1
  690. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  691. package/components/slider/themes/light/slider.indigo.css.js +1 -1
  692. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  693. package/components/slider/themes/light/slider.material.css.js +1 -1
  694. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  695. package/components/slider/themes/light/slider.shared.css.js +1 -1
  696. package/components/slider/themes/light/slider.shared.css.js.map +1 -1
  697. package/components/slider/themes/shared/slider.common.css.js +1 -1
  698. package/components/slider/themes/shared/slider.common.css.js.map +1 -1
  699. package/components/slider/themes/shared/slider.indigo.css.js +1 -1
  700. package/components/slider/themes/shared/slider.indigo.css.js.map +1 -1
  701. package/components/slider/themes/slider.base.css.js +1 -1
  702. package/components/slider/themes/slider.base.css.js.map +1 -1
  703. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  704. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  705. package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
  706. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  707. package/components/textarea/textarea.d.ts +5 -2
  708. package/components/textarea/textarea.js +12 -5
  709. package/components/textarea/textarea.js.map +1 -1
  710. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  711. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  712. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  713. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  714. package/components/tree/themes/dark/container.fluent.css.js +1 -1
  715. package/components/tree/themes/dark/container.fluent.css.js.map +1 -1
  716. package/components/tree/themes/dark/container.indigo.css.js +1 -1
  717. package/components/tree/themes/dark/container.indigo.css.js.map +1 -1
  718. package/components/tree/themes/dark/container.material.css.js +1 -1
  719. package/components/tree/themes/dark/container.material.css.js.map +1 -1
  720. package/components/tree/themes/item.base.css.js +1 -1
  721. package/components/tree/themes/item.base.css.js.map +1 -1
  722. package/components/tree/themes/light/container.indigo.css.js +1 -1
  723. package/components/tree/themes/light/container.indigo.css.js.map +1 -1
  724. package/components/tree/themes/light/container.shared.css.js +1 -1
  725. package/components/tree/themes/light/container.shared.css.js.map +1 -1
  726. package/components/tree/themes/shared/item.common.css.js +1 -1
  727. package/components/tree/themes/shared/item.common.css.js.map +1 -1
  728. package/components/tree/themes/shared/item.indigo.css.js +1 -1
  729. package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
  730. package/custom-elements.json +3360 -529
  731. package/igniteui-webcomponents.css-data.json +929 -0
  732. package/igniteui-webcomponents.html-data.json +2700 -0
  733. package/index.d.ts +3 -0
  734. package/index.js +3 -0
  735. package/index.js.map +1 -1
  736. package/package.json +6 -2
  737. package/themes/dark/fluent.css +1 -1
  738. package/themes/dark/indigo.css +1 -1
  739. package/themes/light/indigo.css +1 -1
  740. package/web-types.json +7623 -0
  741. package/components/checkbox/themes/dark/switch/switch.shared.css.js +0 -3
  742. package/components/checkbox/themes/dark/switch/switch.shared.css.js.map +0 -1
  743. package/components/radio/themes/dark/radio.shared.css.js +0 -3
  744. package/components/radio/themes/dark/radio.shared.css.js.map +0 -1
  745. /package/components/{checkbox/themes/dark/switch/switch.shared.css.d.ts → banner/themes/banner.base.css.d.ts} +0 -0
  746. /package/components/{radio/themes/dark/radio.shared.css.d.ts → banner/themes/dark/banner.bootstrap.css.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host igc-dialog[open]::part(base){border-radius:.375rem;-webkit-box-shadow:var(--ig-elevation-5);box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host [part=helper-text]{padding:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;
3
+ //# sourceMappingURL=date-picker.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/shared/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4/BAA4/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-dialog[open]::part(base){border-radius:.375rem;-webkit-box-shadow:var(--ig-elevation-5);box-shadow:var(--ig-elevation-5);border:.0625rem solid var(--border-color)}:host igc-focus-trap{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host [part=helper-text]{padding:0}[part=actions]{min-height:max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.75rem, -1 * 2.75rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem));padding:.5rem 1rem}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}`;\n"]}
@@ -0,0 +1,2 @@
1
+ import type { Themes } from '../../../theming/types.js';
2
+ export declare const all: Themes;
@@ -0,0 +1,49 @@
1
+ import { css } from 'lit';
2
+ import { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';
3
+ import { styles as fluentDark } from './dark/date-picker.fluent.css.js';
4
+ import { styles as indigoDark } from './dark/date-picker.indigo.css.js';
5
+ import { styles as materialDark } from './dark/date-picker.material.css.js';
6
+ import { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';
7
+ import { styles as fluentLight } from './light/date-picker.fluent.css.js';
8
+ import { styles as indigoLight } from './light/date-picker.indigo.css.js';
9
+ import { styles as materialLight } from './light/date-picker.material.css.js';
10
+ import { styles as shared } from './light/date-picker.shared.css.js';
11
+ import { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';
12
+ import { styles as fluent } from './shared/date-picker.fluent.css.js';
13
+ import { styles as indigo } from './shared/date-picker.indigo.css.js';
14
+ const light = {
15
+ shared: css `
16
+ ${shared}
17
+ `,
18
+ bootstrap: css `
19
+ ${bootstrap} ${bootstrapLight}
20
+ `,
21
+ material: css `
22
+ ${materialLight}
23
+ `,
24
+ fluent: css `
25
+ ${fluent} ${fluentLight}
26
+ `,
27
+ indigo: css `
28
+ ${indigo} ${indigoLight}
29
+ `,
30
+ };
31
+ const dark = {
32
+ shared: css `
33
+ ${shared}
34
+ `,
35
+ bootstrap: css `
36
+ ${bootstrap} ${bootstrapDark}
37
+ `,
38
+ material: css `
39
+ ${materialDark}
40
+ `,
41
+ fluent: css `
42
+ ${fluent} ${fluentDark}
43
+ `,
44
+ indigo: css `
45
+ ${indigo} ${indigoDark}
46
+ `,
47
+ };
48
+ export const all = { light, dark };
49
+ //# sourceMappingURL=themes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-picker.material.css.js';\nimport { styles as shared } from './light/date-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-picker.indigo.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,5 +1,5 @@
1
1
  import type { AbstractConstructor } from '../common/mixins/constructor.js';
2
- import type { Validator } from '../common/validators.js';
2
+ import { type Validator } from '../common/validators.js';
3
3
  import type { IgcInputEventMap } from '../input/input-base.js';
4
4
  import { IgcMaskInputBaseComponent, type MaskRange } from '../mask-input/mask-input-base.js';
5
5
  import { DatePart, type DatePartDeltas } from './date-util.js';
@@ -45,11 +45,11 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
45
45
  */
46
46
  get inputFormat(): string;
47
47
  set inputFormat(val: string);
48
+ get value(): Date | null;
48
49
  /**
49
50
  * The value of the input.
50
51
  * @attr
51
52
  */
52
- get value(): Date | null;
53
53
  set value(val: Date | null);
54
54
  protected updateFormValue(): void;
55
55
  /**
@@ -115,8 +115,8 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
115
115
  stepDown(datePart?: DatePart, delta?: number): void;
116
116
  /** Clears the input element of user input. */
117
117
  clear(): void;
118
+ protected setToday(): void;
118
119
  protected updateMask(): void;
119
- protected handleChange(): void;
120
120
  protected handleInput(): void;
121
121
  protected handleDragLeave(): void;
122
122
  protected handleDragEnter(): void;
@@ -8,13 +8,12 @@ import { html } from 'lit';
8
8
  import { property } from 'lit/decorators.js';
9
9
  import { ifDefined } from 'lit/directives/if-defined.js';
10
10
  import { live } from 'lit/directives/live.js';
11
- import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '../common/controllers/key-bindings.js';
12
- import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
11
+ import { addKeybindings, altKey, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '../common/controllers/key-bindings.js';
13
12
  import { watch } from '../common/decorators/watch.js';
14
13
  import { registerComponent } from '../common/definitions/register.js';
15
- import messages from '../common/localization/validation-en.js';
16
14
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
17
- import { formatString, partNameMap } from '../common/util.js';
15
+ import { noop, partNameMap } from '../common/util.js';
16
+ import { maxDateValidator, minDateValidator, requiredValidator, } from '../common/validators.js';
18
17
  import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
19
18
  import { DatePart, DateParts, DateTimeUtil, } from './date-util.js';
20
19
  const converter = {
@@ -134,21 +133,15 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
134
133
  constructor() {
135
134
  super();
136
135
  this.validators = [
136
+ requiredValidator,
137
137
  {
138
- key: 'valueMissing',
139
- message: messages.required,
140
- isValid: () => (this.required ? !!this.value : true),
141
- },
142
- {
143
- key: 'rangeUnderflow',
144
- message: () => formatString(messages.min, this.min),
138
+ ...minDateValidator,
145
139
  isValid: () => this.min
146
140
  ? !DateTimeUtil.lessThanMinValue(this.value || new Date(), this.min, this.hasTimeParts, this.hasDateParts)
147
141
  : true,
148
142
  },
149
143
  {
150
- key: 'rangeOverflow',
151
- message: () => formatString(messages.max, this.max),
144
+ ...maxDateValidator,
152
145
  isValid: () => this.max
153
146
  ? !DateTimeUtil.greaterThanMaxValue(this.value || new Date(), this.max, this.hasTimeParts, this.hasDateParts)
154
147
  : true,
@@ -168,11 +161,11 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
168
161
  this.locale = 'en';
169
162
  addKeybindings(this, {
170
163
  skip: () => this.readOnly,
171
- bindingDefaults: { preventDefault: true },
172
- })
173
- .set([ctrlKey, ';'], () => {
174
- this.value = new Date();
164
+ bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },
175
165
  })
166
+ .set([altKey, arrowUp], noop)
167
+ .set([altKey, arrowDown], noop)
168
+ .set([ctrlKey, ';'], this.setToday)
176
169
  .set(arrowUp, this.keyboardSpin.bind(this, 'up'))
177
170
  .set(arrowDown, this.keyboardSpin.bind(this, 'down'))
178
171
  .set([ctrlKey, arrowLeft], this.navigateParts.bind(this, 0))
@@ -211,6 +204,10 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
211
204
  this.maskedValue = '';
212
205
  this.value = null;
213
206
  }
207
+ setToday() {
208
+ this.value = new Date();
209
+ this.handleInput();
210
+ }
214
211
  updateMask() {
215
212
  if (this.focused) {
216
213
  this.maskedValue = this.getMaskedValue();
@@ -232,9 +229,6 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
232
229
  }
233
230
  }
234
231
  }
235
- handleChange() {
236
- this.emitEvent('igcChange', { detail: this.value });
237
- }
238
232
  handleInput() {
239
233
  this.emitEvent('igcInput', { detail: this.value?.toString() });
240
234
  }
@@ -265,7 +259,7 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
265
259
  return this.spinValue(datePart, spinValue);
266
260
  }
267
261
  spinValue(datePart, delta) {
268
- if (!this.value || !DateTimeUtil.isValidDate(this.value)) {
262
+ if (!(this.value && DateTimeUtil.isValidDate(this.value))) {
269
263
  return new Date();
270
264
  }
271
265
  const newDate = new Date(this.value.getTime());
@@ -387,8 +381,10 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
387
381
  }
388
382
  }
389
383
  handleBlur() {
384
+ const isEmptyMask = this.maskedValue === this.emptyMask;
385
+ const isSameValue = this._oldValue === this.value;
390
386
  this.focused = false;
391
- if (!this.isComplete() && this.maskedValue !== this.emptyMask) {
387
+ if (!(this.isComplete() || isEmptyMask)) {
392
388
  const parse = this.parseDate(this.maskedValue);
393
389
  if (parse) {
394
390
  this.value = parse;
@@ -401,8 +397,8 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
401
397
  else {
402
398
  this.updateMask();
403
399
  }
404
- if (this._oldValue !== this.value) {
405
- this.handleChange();
400
+ if (!(this.readOnly || isSameValue)) {
401
+ this.emitEvent('igcChange', { detail: this.value });
406
402
  }
407
403
  this.checkValidity();
408
404
  super.handleBlur();
@@ -434,7 +430,6 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
434
430
  @keydown=${super.handleKeydown}
435
431
  @click=${this.handleClick}
436
432
  @cut=${this.handleCut}
437
- @change=${this.handleChange}
438
433
  @compositionstart=${this.handleCompositionStart}
439
434
  @compositionend=${this.handleCompositionEnd}
440
435
  @dragenter=${this.handleDragEnter}
@@ -450,8 +445,7 @@ __decorate([
450
445
  property({ attribute: 'input-format' })
451
446
  ], IgcDateTimeInputComponent.prototype, "inputFormat", null);
452
447
  __decorate([
453
- property({ converter: converter }),
454
- blazorTwoWayBind('igcChange', 'detail')
448
+ property({ converter: converter })
455
449
  ], IgcDateTimeInputComponent.prototype, "value", null);
456
450
  __decorate([
457
451
  property({ converter: converter })
@@ -1 +1 @@
1
- {"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ComplexAttributeConverter, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n ctrlKey,\n} from '../common/controllers/key-bindings.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport messages from '../common/localization/validation-en.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { formatString, partNameMap } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type { IgcInputEventMap } from '../input/input-base.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from '../mask-input/mask-input-base.js';\nimport {\n DatePart,\n type DatePartDeltas,\n type DatePartInfo,\n DateParts,\n DateTimeUtil,\n} from './date-util.js';\n\nexport interface IgcDateTimeInputEventMap\n extends Omit<IgcInputEventMap, 'igcChange'> {\n igcChange: CustomEvent<Date | null>;\n}\n\nconst converter: ComplexAttributeConverter<Date | null> = {\n fromAttribute: (value: string) =>\n !value ? null : DateTimeUtil.parseIsoDate(value),\n toAttribute: (value: Date) => value.toISOString(),\n};\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n IgcDateTimeInputEventMap,\n AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n public static readonly tagName = 'igc-date-time-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDateTimeInputComponent);\n }\n\n protected override validators: Validator<this>[] = [\n {\n key: 'valueMissing',\n message: messages.required,\n isValid: () => (this.required ? !!this.value : true),\n },\n {\n key: 'rangeUnderflow',\n message: () => formatString(messages.min, this.min),\n isValid: () =>\n this.min\n ? !DateTimeUtil.lessThanMinValue(\n this.value || new Date(),\n this.min,\n this.hasTimeParts,\n this.hasDateParts\n )\n : true,\n },\n {\n key: 'rangeOverflow',\n message: () => formatString(messages.max, this.max),\n isValid: () =>\n this.max\n ? !DateTimeUtil.greaterThanMaxValue(\n this.value || new Date(),\n this.max,\n this.hasTimeParts,\n this.hasDateParts\n )\n : true,\n },\n ];\n\n protected _defaultMask!: string;\n protected _value: Date | null = null;\n\n private _oldValue: Date | null = null;\n private _inputDateParts!: DatePartInfo[];\n private _inputFormat!: string;\n private _datePartDeltas: DatePartDeltas = {\n date: 1,\n month: 1,\n year: 1,\n hours: 1,\n minutes: 1,\n seconds: 1,\n };\n\n /**\n * The date format to apply on the input.\n * @attr input-format\n */\n @property({ attribute: 'input-format' })\n public get inputFormat(): string {\n return this._inputFormat || this._defaultMask;\n }\n\n public set inputFormat(val: string) {\n if (val) {\n this.setMask(val);\n this._inputFormat = val;\n if (this.value) {\n this.updateMask();\n }\n }\n }\n\n /**\n * The value of the input.\n * @attr\n */\n public get value(): Date | null {\n return this._value;\n }\n\n @property({ converter: converter })\n @blazorTwoWayBind('igcChange', 'detail')\n public set value(val: Date | null) {\n this._value = val\n ? DateTimeUtil.isValidDate(val)\n ? val\n : DateTimeUtil.parseIsoDate(val)\n : null;\n\n this.updateMask();\n this.updateFormValue();\n this.updateValidity();\n this.setInvalidState();\n }\n\n protected updateFormValue() {\n this._value\n ? this.setFormValue(this._value.toISOString())\n : this.setFormValue(null);\n }\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: converter })\n public min!: Date;\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: converter })\n public max!: Date;\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr min-value\n *\n * @deprecated since v4.4.0. Use the `min` property instead.\n */\n @property({ attribute: 'min-value', converter: converter })\n public set minValue(value: Date) {\n this.min = value;\n }\n\n public get minValue() {\n return this.min;\n }\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr max-value\n *\n * @deprecated since v4.4.0. Use the `max` property instead.\n */\n @property({ attribute: 'max-value', converter: converter })\n public set maxValue(value: Date) {\n this.max = value;\n }\n\n public get maxValue() {\n return this.max;\n }\n\n /**\n * Format to display the value in when not editing.\n * Defaults to the input format if not set.\n * @attr display-format\n */\n @property({ attribute: 'display-format' })\n public displayFormat!: string;\n\n /**\n * Delta values used to increment or decrement each date part on step actions.\n * All values default to `1`.\n */\n @property({ attribute: false })\n public spinDelta!: DatePartDeltas;\n\n /**\n * Sets whether to loop over the currently spun segment.\n * @attr spin-loop\n */\n @property({ type: Boolean, attribute: 'spin-loop' })\n public spinLoop = true;\n\n /**\n * The locale settings used to display the value.\n * @attr\n */\n @property()\n public locale = 'en';\n\n @watch('locale', { waitUntilFirstUpdate: true })\n protected setDefaultMask(): void {\n if (!this._inputFormat) {\n this.updateDefaultMask();\n this.setMask(this._defaultMask);\n }\n\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('displayFormat', { waitUntilFirstUpdate: true })\n protected setDisplayFormat(): void {\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('prompt', { waitUntilFirstUpdate: true })\n protected promptChange(): void {\n if (!this.prompt) {\n this.prompt = this.parser.prompt;\n } else {\n this.parser.prompt = this.prompt;\n }\n }\n\n @watch('min', { waitUntilFirstUpdate: true })\n @watch('max', { waitUntilFirstUpdate: true })\n protected constraintChange() {\n this.updateValidity();\n }\n\n private get hasDateParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n return parts.some(\n (p) =>\n p.type === DateParts.Date ||\n p.type === DateParts.Month ||\n p.type === DateParts.Year\n );\n }\n\n private get hasTimeParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n return parts.some(\n (p) =>\n p.type === DateParts.Hours ||\n p.type === DateParts.Minutes ||\n p.type === DateParts.Seconds\n );\n }\n\n private get targetDatePart(): DatePart | undefined {\n let result: DatePart | undefined;\n\n if (this.focused) {\n const partType = this._inputDateParts.find(\n (p) =>\n p.start <= this.inputSelection.start &&\n this.inputSelection.start <= p.end &&\n p.type !== DateParts.Literal\n )?.type as string as DatePart;\n\n if (partType) {\n result = partType;\n }\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n result = DatePart.Date;\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n result = DatePart.Hours;\n } else {\n result = this._inputDateParts[0].type as string as DatePart;\n }\n\n return result;\n }\n\n private get datePartDeltas(): DatePartDeltas {\n return Object.assign({}, this._datePartDeltas, this.spinDelta);\n }\n\n constructor() {\n super();\n\n addKeybindings(this, {\n skip: () => this.readOnly,\n bindingDefaults: { preventDefault: true },\n })\n .set([ctrlKey, ';'], () => {\n this.value = new Date();\n })\n .set(arrowUp, this.keyboardSpin.bind(this, 'up'))\n .set(arrowDown, this.keyboardSpin.bind(this, 'down'))\n .set([ctrlKey, arrowLeft], this.navigateParts.bind(this, 0))\n .set([ctrlKey, arrowRight], this.navigateParts.bind(this, 1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.updateDefaultMask();\n this.setMask(this.inputFormat);\n this.updateValidity();\n if (this.value) {\n this.updateMask();\n }\n }\n\n /** Increments a date/time portion. */\n public stepUp(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this.inputSelection;\n const newValue = this.trySpinValue(targetPart, delta);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Decrements a date/time portion. */\n public stepDown(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this.inputSelection;\n const newValue = this.trySpinValue(targetPart, delta, true);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Clears the input element of user input. */\n public clear(): void {\n this.maskedValue = '';\n this.value = null;\n }\n\n protected updateMask() {\n if (this.focused) {\n this.maskedValue = this.getMaskedValue();\n } else {\n if (!DateTimeUtil.isValidDate(this.value)) {\n this.maskedValue = '';\n return;\n }\n\n const format = this.displayFormat || this.inputFormat;\n\n if (this.displayFormat) {\n this.maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format,\n true\n );\n } else if (this.inputFormat) {\n this.maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format\n );\n } else {\n this.maskedValue = this.value.toLocaleString();\n }\n }\n }\n\n protected handleChange() {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected override handleInput() {\n this.emitEvent('igcInput', { detail: this.value?.toString() });\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMask();\n }\n }\n\n protected handleDragEnter() {\n if (!this.focused) {\n this.maskedValue = this.getMaskedValue();\n }\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n\n this.updateValue();\n this.requestUpdate();\n\n if (range.start !== this.inputFormat.length) {\n this.handleInput();\n }\n await this.updateComplete;\n this.input.setSelectionRange(end, end);\n }\n\n private trySpinValue(\n datePart: DatePart,\n delta?: number,\n negative = false\n ): Date {\n // default to 1 if a delta is set to 0 or any other falsy value\n const _delta =\n delta || this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n const spinValue = negative ? -Math.abs(_delta) : Math.abs(_delta);\n return this.spinValue(datePart, spinValue);\n }\n\n private spinValue(datePart: DatePart, delta: number): Date {\n if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n return new Date();\n }\n\n const newDate = new Date(this.value.getTime());\n let formatPart: DatePartInfo | undefined;\n let amPmFromMask: string;\n\n switch (datePart) {\n case DatePart.Date:\n DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n break;\n case DatePart.Month:\n DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n break;\n case DatePart.Year:\n DateTimeUtil.spinYear(delta, newDate);\n break;\n case DatePart.Hours:\n DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n break;\n case DatePart.Minutes:\n DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n break;\n case DatePart.Seconds:\n DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n break;\n case DatePart.AmPm:\n formatPart = this._inputDateParts.find(\n (dp) => dp.type === DateParts.AmPm\n );\n if (formatPart !== undefined) {\n amPmFromMask = this.maskedValue.substring(\n formatPart!.start,\n formatPart!.end\n );\n return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n }\n break;\n }\n\n return newDate;\n }\n\n private async onWheel(event: WheelEvent) {\n if (!this.focused || this.readOnly) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const { start, end } = this.inputSelection;\n event.deltaY > 0 ? this.stepDown() : this.stepUp();\n this.handleInput();\n\n await this.updateComplete;\n this.setSelectionRange(start, end);\n }\n\n private updateDefaultMask(): void {\n this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n }\n\n private setMask(string: string): void {\n const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string);\n const value = this._inputDateParts.map((p) => p.format).join('');\n\n this._defaultMask = value;\n\n const newMask = (value || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n new RegExp(/(?=[^t])[\\w]/, 'g'),\n '0'\n );\n\n this._mask = newMask.includes('tt')\n ? newMask.replace(/tt/g, 'LL')\n : newMask;\n\n this.parser.mask = this._mask;\n this.parser.prompt = this.prompt;\n\n if (!this.placeholder || oldFormat === this.placeholder) {\n this.placeholder = value;\n }\n }\n\n private parseDate(val: string) {\n return val\n ? DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.prompt)\n : null;\n }\n\n private getMaskedValue(): string {\n let mask = this.emptyMask;\n\n if (DateTimeUtil.isValidDate(this.value)) {\n for (const part of this._inputDateParts) {\n if (part.type === DateParts.Literal) {\n continue;\n }\n\n const targetValue = DateTimeUtil.getPartValue(\n part,\n part.format.length,\n this.value\n );\n\n mask = this.parser.replace(\n mask,\n targetValue,\n part.start,\n part.end\n ).value;\n }\n return mask;\n }\n\n return this.maskedValue === '' ? mask : this.maskedValue;\n }\n\n private isComplete(): boolean {\n return !this.maskedValue.includes(this.prompt);\n }\n\n private updateValue(): void {\n if (this.isComplete()) {\n const parsedDate = this.parseDate(this.maskedValue);\n this.value = DateTimeUtil.isValidDate(parsedDate) ? parsedDate : null;\n } else {\n this.value = null;\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.updateValue();\n }\n\n private getNewPosition(value: string, direction = 0): number {\n const cursorPos = this.selection.start;\n\n if (!direction) {\n // Last literal before the current cursor position or start of input value\n const part = this._inputDateParts.findLast(\n (part) => part.type === DateParts.Literal && part.end < cursorPos\n );\n return part?.end ?? 0;\n }\n\n // First literal after the current cursor position or end of input value\n const part = this._inputDateParts.find(\n (part) => part.type === DateParts.Literal && part.start > cursorPos\n );\n return part?.start ?? value.length;\n }\n\n protected override async handleFocus() {\n this.focused = true;\n super.handleFocus();\n\n if (this.readOnly) {\n return;\n }\n\n this._oldValue = this.value;\n\n if (!this._value) {\n this.maskedValue = this.emptyMask;\n await this.updateComplete;\n this.select();\n }\n }\n\n protected override handleBlur() {\n this.focused = false;\n\n if (!this.isComplete() && this.maskedValue !== this.emptyMask) {\n const parse = this.parseDate(this.maskedValue);\n\n if (parse) {\n this.value = parse;\n } else {\n this.value = null;\n this.maskedValue = '';\n }\n } else {\n this.updateMask();\n }\n\n if (this._oldValue !== this.value) {\n this.handleChange();\n }\n this.checkValidity();\n super.handleBlur();\n }\n\n protected navigateParts(delta: number) {\n const position = this.getNewPosition(this.input.value, delta);\n this.setSelectionRange(position, position);\n }\n\n protected async keyboardSpin(direction: 'up' | 'down') {\n direction === 'up' ? this.stepUp() : this.stepDown();\n this.handleInput();\n await this.updateComplete;\n this.setSelectionRange(this.selection.start, this.selection.end);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder || this.emptyMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @input=${super.handleInput}\n @wheel=${this.onWheel}\n @keydown=${super.handleKeydown}\n @click=${this.handleClick}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-date-time-input': IgcDateTimeInputComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ComplexAttributeConverter, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport {\n addKeybindings,\n altKey,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n ctrlKey,\n} from '../common/controllers/key-bindings.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { noop, partNameMap } from '../common/util.js';\nimport {\n type Validator,\n maxDateValidator,\n minDateValidator,\n requiredValidator,\n} from '../common/validators.js';\nimport type { IgcInputEventMap } from '../input/input-base.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from '../mask-input/mask-input-base.js';\nimport {\n DatePart,\n type DatePartDeltas,\n type DatePartInfo,\n DateParts,\n DateTimeUtil,\n} from './date-util.js';\n\nexport interface IgcDateTimeInputEventMap\n extends Omit<IgcInputEventMap, 'igcChange'> {\n igcChange: CustomEvent<Date | null>;\n}\n\nconst converter: ComplexAttributeConverter<Date | null> = {\n fromAttribute: (value: string) =>\n !value ? null : DateTimeUtil.parseIsoDate(value),\n toAttribute: (value: Date) => value.toISOString(),\n};\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n IgcDateTimeInputEventMap,\n AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n public static readonly tagName = 'igc-date-time-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcDateTimeInputComponent);\n }\n\n protected override validators: Validator<this>[] = [\n requiredValidator,\n\n {\n ...minDateValidator,\n isValid: () =>\n this.min\n ? !DateTimeUtil.lessThanMinValue(\n this.value || new Date(),\n this.min,\n this.hasTimeParts,\n this.hasDateParts\n )\n : true,\n },\n {\n ...maxDateValidator,\n isValid: () =>\n this.max\n ? !DateTimeUtil.greaterThanMaxValue(\n this.value || new Date(),\n this.max,\n this.hasTimeParts,\n this.hasDateParts\n )\n : true,\n },\n ];\n\n protected _defaultMask!: string;\n protected _value: Date | null = null;\n\n private _oldValue: Date | null = null;\n private _inputDateParts!: DatePartInfo[];\n private _inputFormat!: string;\n private _datePartDeltas: DatePartDeltas = {\n date: 1,\n month: 1,\n year: 1,\n hours: 1,\n minutes: 1,\n seconds: 1,\n };\n\n /**\n * The date format to apply on the input.\n * @attr input-format\n */\n @property({ attribute: 'input-format' })\n public get inputFormat(): string {\n return this._inputFormat || this._defaultMask;\n }\n\n public set inputFormat(val: string) {\n if (val) {\n this.setMask(val);\n this._inputFormat = val;\n if (this.value) {\n this.updateMask();\n }\n }\n }\n\n public get value(): Date | null {\n return this._value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n /**\n * The value of the input.\n * @attr\n */\n @property({ converter: converter })\n public set value(val: Date | null) {\n this._value = val\n ? DateTimeUtil.isValidDate(val)\n ? val\n : DateTimeUtil.parseIsoDate(val)\n : null;\n\n this.updateMask();\n this.updateFormValue();\n this.updateValidity();\n this.setInvalidState();\n }\n\n protected updateFormValue() {\n this._value\n ? this.setFormValue(this._value.toISOString())\n : this.setFormValue(null);\n }\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: converter })\n public min!: Date;\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: converter })\n public max!: Date;\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr min-value\n *\n * @deprecated since v4.4.0. Use the `min` property instead.\n */\n @property({ attribute: 'min-value', converter: converter })\n public set minValue(value: Date) {\n this.min = value;\n }\n\n public get minValue() {\n return this.min;\n }\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr max-value\n *\n * @deprecated since v4.4.0. Use the `max` property instead.\n */\n @property({ attribute: 'max-value', converter: converter })\n public set maxValue(value: Date) {\n this.max = value;\n }\n\n public get maxValue() {\n return this.max;\n }\n\n /**\n * Format to display the value in when not editing.\n * Defaults to the input format if not set.\n * @attr display-format\n */\n @property({ attribute: 'display-format' })\n public displayFormat!: string;\n\n /**\n * Delta values used to increment or decrement each date part on step actions.\n * All values default to `1`.\n */\n @property({ attribute: false })\n public spinDelta!: DatePartDeltas;\n\n /**\n * Sets whether to loop over the currently spun segment.\n * @attr spin-loop\n */\n @property({ type: Boolean, attribute: 'spin-loop' })\n public spinLoop = true;\n\n /**\n * The locale settings used to display the value.\n * @attr\n */\n @property()\n public locale = 'en';\n\n @watch('locale', { waitUntilFirstUpdate: true })\n protected setDefaultMask(): void {\n if (!this._inputFormat) {\n this.updateDefaultMask();\n this.setMask(this._defaultMask);\n }\n\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('displayFormat', { waitUntilFirstUpdate: true })\n protected setDisplayFormat(): void {\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('prompt', { waitUntilFirstUpdate: true })\n protected promptChange(): void {\n if (!this.prompt) {\n this.prompt = this.parser.prompt;\n } else {\n this.parser.prompt = this.prompt;\n }\n }\n\n @watch('min', { waitUntilFirstUpdate: true })\n @watch('max', { waitUntilFirstUpdate: true })\n protected constraintChange() {\n this.updateValidity();\n }\n\n private get hasDateParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n return parts.some(\n (p) =>\n p.type === DateParts.Date ||\n p.type === DateParts.Month ||\n p.type === DateParts.Year\n );\n }\n\n private get hasTimeParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n return parts.some(\n (p) =>\n p.type === DateParts.Hours ||\n p.type === DateParts.Minutes ||\n p.type === DateParts.Seconds\n );\n }\n\n private get targetDatePart(): DatePart | undefined {\n let result: DatePart | undefined;\n\n if (this.focused) {\n const partType = this._inputDateParts.find(\n (p) =>\n p.start <= this.inputSelection.start &&\n this.inputSelection.start <= p.end &&\n p.type !== DateParts.Literal\n )?.type as string as DatePart;\n\n if (partType) {\n result = partType;\n }\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n result = DatePart.Date;\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n result = DatePart.Hours;\n } else {\n result = this._inputDateParts[0].type as string as DatePart;\n }\n\n return result;\n }\n\n private get datePartDeltas(): DatePartDeltas {\n return Object.assign({}, this._datePartDeltas, this.spinDelta);\n }\n\n constructor() {\n super();\n\n addKeybindings(this, {\n skip: () => this.readOnly,\n bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n })\n // Skip default spin when in the context of a date picker\n .set([altKey, arrowUp], noop)\n .set([altKey, arrowDown], noop)\n\n .set([ctrlKey, ';'], this.setToday)\n .set(arrowUp, this.keyboardSpin.bind(this, 'up'))\n .set(arrowDown, this.keyboardSpin.bind(this, 'down'))\n .set([ctrlKey, arrowLeft], this.navigateParts.bind(this, 0))\n .set([ctrlKey, arrowRight], this.navigateParts.bind(this, 1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.updateDefaultMask();\n this.setMask(this.inputFormat);\n this.updateValidity();\n if (this.value) {\n this.updateMask();\n }\n }\n\n /** Increments a date/time portion. */\n public stepUp(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this.inputSelection;\n const newValue = this.trySpinValue(targetPart, delta);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Decrements a date/time portion. */\n public stepDown(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this.inputSelection;\n const newValue = this.trySpinValue(targetPart, delta, true);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Clears the input element of user input. */\n public clear(): void {\n this.maskedValue = '';\n this.value = null;\n }\n\n protected setToday() {\n this.value = new Date();\n this.handleInput();\n }\n\n protected updateMask() {\n if (this.focused) {\n this.maskedValue = this.getMaskedValue();\n } else {\n if (!DateTimeUtil.isValidDate(this.value)) {\n this.maskedValue = '';\n return;\n }\n\n const format = this.displayFormat || this.inputFormat;\n\n if (this.displayFormat) {\n this.maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format,\n true\n );\n } else if (this.inputFormat) {\n this.maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format\n );\n } else {\n this.maskedValue = this.value.toLocaleString();\n }\n }\n }\n\n protected override handleInput() {\n this.emitEvent('igcInput', { detail: this.value?.toString() });\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMask();\n }\n }\n\n protected handleDragEnter() {\n if (!this.focused) {\n this.maskedValue = this.getMaskedValue();\n }\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n\n this.updateValue();\n this.requestUpdate();\n\n if (range.start !== this.inputFormat.length) {\n this.handleInput();\n }\n await this.updateComplete;\n this.input.setSelectionRange(end, end);\n }\n\n private trySpinValue(\n datePart: DatePart,\n delta?: number,\n negative = false\n ): Date {\n // default to 1 if a delta is set to 0 or any other falsy value\n const _delta =\n delta || this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n const spinValue = negative ? -Math.abs(_delta) : Math.abs(_delta);\n return this.spinValue(datePart, spinValue);\n }\n\n private spinValue(datePart: DatePart, delta: number): Date {\n if (!(this.value && DateTimeUtil.isValidDate(this.value))) {\n return new Date();\n }\n\n const newDate = new Date(this.value.getTime());\n let formatPart: DatePartInfo | undefined;\n let amPmFromMask: string;\n\n switch (datePart) {\n case DatePart.Date:\n DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n break;\n case DatePart.Month:\n DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n break;\n case DatePart.Year:\n DateTimeUtil.spinYear(delta, newDate);\n break;\n case DatePart.Hours:\n DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n break;\n case DatePart.Minutes:\n DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n break;\n case DatePart.Seconds:\n DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n break;\n case DatePart.AmPm:\n formatPart = this._inputDateParts.find(\n (dp) => dp.type === DateParts.AmPm\n );\n if (formatPart !== undefined) {\n amPmFromMask = this.maskedValue.substring(\n formatPart!.start,\n formatPart!.end\n );\n return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n }\n break;\n }\n\n return newDate;\n }\n\n private async onWheel(event: WheelEvent) {\n if (!this.focused || this.readOnly) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const { start, end } = this.inputSelection;\n event.deltaY > 0 ? this.stepDown() : this.stepUp();\n this.handleInput();\n\n await this.updateComplete;\n this.setSelectionRange(start, end);\n }\n\n private updateDefaultMask(): void {\n this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n }\n\n private setMask(string: string): void {\n const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string);\n const value = this._inputDateParts.map((p) => p.format).join('');\n\n this._defaultMask = value;\n\n const newMask = (value || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n new RegExp(/(?=[^t])[\\w]/, 'g'),\n '0'\n );\n\n this._mask = newMask.includes('tt')\n ? newMask.replace(/tt/g, 'LL')\n : newMask;\n\n this.parser.mask = this._mask;\n this.parser.prompt = this.prompt;\n\n if (!this.placeholder || oldFormat === this.placeholder) {\n this.placeholder = value;\n }\n }\n\n private parseDate(val: string) {\n return val\n ? DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.prompt)\n : null;\n }\n\n private getMaskedValue(): string {\n let mask = this.emptyMask;\n\n if (DateTimeUtil.isValidDate(this.value)) {\n for (const part of this._inputDateParts) {\n if (part.type === DateParts.Literal) {\n continue;\n }\n\n const targetValue = DateTimeUtil.getPartValue(\n part,\n part.format.length,\n this.value\n );\n\n mask = this.parser.replace(\n mask,\n targetValue,\n part.start,\n part.end\n ).value;\n }\n return mask;\n }\n\n return this.maskedValue === '' ? mask : this.maskedValue;\n }\n\n private isComplete(): boolean {\n return !this.maskedValue.includes(this.prompt);\n }\n\n private updateValue(): void {\n if (this.isComplete()) {\n const parsedDate = this.parseDate(this.maskedValue);\n this.value = DateTimeUtil.isValidDate(parsedDate) ? parsedDate : null;\n } else {\n this.value = null;\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.updateValue();\n }\n\n private getNewPosition(value: string, direction = 0): number {\n const cursorPos = this.selection.start;\n\n if (!direction) {\n // Last literal before the current cursor position or start of input value\n const part = this._inputDateParts.findLast(\n (part) => part.type === DateParts.Literal && part.end < cursorPos\n );\n return part?.end ?? 0;\n }\n\n // First literal after the current cursor position or end of input value\n const part = this._inputDateParts.find(\n (part) => part.type === DateParts.Literal && part.start > cursorPos\n );\n return part?.start ?? value.length;\n }\n\n protected override async handleFocus() {\n this.focused = true;\n super.handleFocus();\n\n if (this.readOnly) {\n return;\n }\n\n this._oldValue = this.value;\n\n if (!this._value) {\n this.maskedValue = this.emptyMask;\n await this.updateComplete;\n this.select();\n }\n }\n\n protected override handleBlur() {\n const isEmptyMask = this.maskedValue === this.emptyMask;\n const isSameValue = this._oldValue === this.value;\n\n this.focused = false;\n\n if (!(this.isComplete() || isEmptyMask)) {\n const parse = this.parseDate(this.maskedValue);\n\n if (parse) {\n this.value = parse;\n } else {\n this.value = null;\n this.maskedValue = '';\n }\n } else {\n this.updateMask();\n }\n\n if (!(this.readOnly || isSameValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n this.checkValidity();\n super.handleBlur();\n }\n\n protected navigateParts(delta: number) {\n const position = this.getNewPosition(this.input.value, delta);\n this.setSelectionRange(position, position);\n }\n\n protected async keyboardSpin(direction: 'up' | 'down') {\n direction === 'up' ? this.stepUp() : this.stepDown();\n this.handleInput();\n await this.updateComplete;\n this.setSelectionRange(this.selection.start, this.selection.end);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partNameMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder || this.emptyMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @input=${super.handleInput}\n @wheel=${this.onWheel}\n @keydown=${super.handleKeydown}\n @click=${this.handleClick}\n @cut=${this.handleCut}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-date-time-input': IgcDateTimeInputComponent;\n }\n}\n"]}
@@ -94,7 +94,8 @@ export default class IgcDialogComponent extends IgcDialogComponent_base {
94
94
  private handleClick;
95
95
  private handleClosing;
96
96
  protected formSubmitHandler: (e: Event) => void;
97
- private handleSlotChange;
97
+ private slotChanged;
98
+ private handleContentChange;
98
99
  protected render(): import("lit-html").TemplateResult<1>;
99
100
  }
100
101
  declare global {
@@ -130,14 +130,19 @@ let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends
130
130
  handleClosing() {
131
131
  return this.emitEvent('igcClosing', { cancelable: true });
132
132
  }
133
- handleSlotChange() {
134
- Array.from(this.querySelectorAll('igc-form, form'))
135
- .filter((each) => each.getAttribute('method') === 'dialog')
136
- .forEach((form) => {
137
- const event = /igc-form/i.test(form.tagName) ? 'igcSubmit' : 'submit';
138
- form.removeEventListener(event, this.formSubmitHandler);
139
- form.addEventListener(event, this.formSubmitHandler);
140
- });
133
+ slotChanged() {
134
+ this.requestUpdate();
135
+ }
136
+ handleContentChange() {
137
+ for (const form of this.querySelectorAll('igc-form, form')) {
138
+ if (form.getAttribute('method') !== 'dialog') {
139
+ continue;
140
+ }
141
+ const eventName = form.matches('form') ? 'submit' : 'igcSubmit';
142
+ form.removeEventListener(eventName, this.formSubmitHandler);
143
+ form.addEventListener(eventName, this.formSubmitHandler);
144
+ }
145
+ this.slotChanged();
141
146
  }
142
147
  render() {
143
148
  const label = this.ariaLabel ? this.ariaLabel : undefined;
@@ -158,13 +163,15 @@ let IgcDialogComponent = IgcDialogComponent_1 = class IgcDialogComponent extends
158
163
  aria-labelledby=${ifDefined(labelledby)}
159
164
  >
160
165
  <header part="title" id=${this.titleId}>
161
- <slot name="title"><span>${this.title}</span></slot>
166
+ <slot name="title" @slotchange=${this.slotChanged}
167
+ ><span>${this.title}</span></slot
168
+ >
162
169
  </header>
163
170
  <section part="content">
164
- <slot @slotchange=${this.handleSlotChange}></slot>
171
+ <slot @slotchange=${this.handleContentChange}></slot>
165
172
  </section>
166
173
  <footer part="footer">
167
- <slot name="footer">
174
+ <slot name="footer" @slotchange=${this.slotChanged}>
168
175
  ${this.hideDefaultAction
169
176
  ? nothing
170
177
  : html `<igc-button variant="flat" @click=${this.hideWithEvent}
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { type Ref, createRef, 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 { createCounter, partNameMap } 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 IgcDialogEventMap {\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 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 IgcDialogEventMap,\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 private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /* blazorSuppress */\n /**\n * Whether the dialog should be closed when pressing the 'ESCAPE' button.\n * @deprecated since version 4.2.3. Use `keepOpenOnEscape` instead.\n * @attr close-on-escape\n */\n @property({ type: Boolean, attribute: 'close-on-escape' })\n public set closeOnEscape(value: boolean) {\n this.keepOpenOnEscape = !value;\n }\n public get closeOnEscape(): boolean {\n return !this.keepOpenOnEscape;\n }\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 * Backdrop animation helper.\n * @hidden @internal\n */\n @state()\n private animating = 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 protected resolvePartNames(base: string) {\n return {\n [base]: true,\n titled: this.titleElements.length > 0 || this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override async firstUpdated() {\n await this.updateComplete;\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 /** Opens the dialog. */\n public show() {\n if (this.open) {\n return;\n }\n\n this.toggleAnimation('open');\n this.open = true;\n }\n\n /** Closes the dialog. */\n public async hide() {\n if (!this.open) {\n return;\n }\n\n this.animating = true;\n\n if (await this.toggleAnimation('close')) {\n this.animating = false;\n this.open = false;\n }\n }\n\n /** Toggles the open state of the dialog. */\n public toggle() {\n this.open ? this.hide() : this.show();\n }\n\n protected async hideWithEvent() {\n if (!this.open) {\n return;\n }\n\n if (!this.handleClosing()) {\n return;\n }\n\n this.animating = true;\n\n if (await this.toggleAnimation('close')) {\n this.open = false;\n this.animating = false;\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this.hideWithEvent();\n }\n }\n\n private handleClick({ clientX, clientY, target }: MouseEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const { left, top, right, bottom } = this.dialog.getBoundingClientRect();\n const between = (x: number, low: number, high: number) =>\n x >= low && x <= high;\n if (!(between(clientX, left, right) && between(clientY, top, bottom))) {\n this.hideWithEvent();\n }\n }\n }\n\n private handleClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: Event) => {\n if (e instanceof SubmitEvent && e.submitter) {\n this.returnValue = (e.submitter as any)?.value || '';\n }\n if (!e.defaultPrevented) {\n this.hideWithEvent();\n }\n };\n\n private handleSlotChange() {\n // Setup submit handling for supported forms\n Array.from(this.querySelectorAll('igc-form, form'))\n .filter((each) => each.getAttribute('method') === 'dialog')\n .forEach((form) => {\n const event = /igc-form/i.test(form.tagName) ? 'igcSubmit' : 'submit';\n form.removeEventListener(event, this.formSubmitHandler);\n form.addEventListener(event, 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 = partNameMap({\n backdrop: true,\n animating: this.animating,\n });\n\n return html`\n <div part=${backdropParts} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=\"${partNameMap(this.resolvePartNames('base'))}\"\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 @slotchange=${this.handleSlotChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\">\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${this.hideWithEvent}\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":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AA0B1B,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,iBAAiB,CAG/D,UAAU,CAAC;IAHE;;QAaL,YAAO,GAAG,SAAS,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QAEpD,cAAS,GAA2B,SAAS,EAAE,CAAC;QAChD,oBAAe,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QA+BhE,qBAAgB,GAAG,KAAK,CAAC;QAOzB,wBAAmB,GAAG,KAAK,CAAC;QAU5B,sBAAiB,GAAG,KAAK,CAAC;QAO1B,SAAI,GAAG,KAAK,CAAC;QAOZ,cAAS,GAAG,KAAK,CAAC;QAmHhB,sBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;YACzC,IAAI,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;gBAC5C,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,SAAiB,EAAE,KAAK,IAAI,EAAE,CAAC;YACvD,CAAC;YACD,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACxB,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;IA4DJ,CAAC;IA5PQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,EAAE,kBAAkB,CAAC,CAAC;IAC5D,CAAC;IAQD,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAM,CAAC;IAC/B,CAAC;IAeD,IAAW,aAAa,CAAC,KAAc;QACrC,IAAI,CAAC,gBAAgB,GAAG,CAAC,KAAK,CAAC;IACjC,CAAC;IACD,IAAW,aAAa;QACtB,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC;IAChC,CAAC;IAmDS,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK;YACnD,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB;SAClE,CAAC;IACJ,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IAC5D,CAAC;IAEkB,KAAK,CAAC,YAAY;QACnC,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,GAAqB;QACjD,MAAM,SAAS,GAAG,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEpD,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;SACvC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAGM,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,IAAI,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;IACH,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACxC,CAAC;IAES,KAAK,CAAC,aAAa;QAC3B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAEtB,IAAI,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,KAAY;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAc;QAC1D,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACvD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACzE,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,GAAW,EAAE,IAAY,EAAE,EAAE,CACvD,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;YACxB,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;gBACtE,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAWO,WAAW;QACjB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,mBAAmB;QAEzB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC3D,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAC7C,SAAS;YACX,CAAC;YAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC;YAChE,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC5D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC3D,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QACpD,MAAM,aAAa,GAAG,WAAW,CAAC;YAChC,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;kBACG,aAAa,gBAAgB,CAAC,IAAI,CAAC,IAAI;;UAE/C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;gBACb,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;iBAEzC,IAAI,CAAC,WAAW;kBACf,IAAI,CAAC,YAAY;qBACd,SAAS,CAAC,KAAK,CAAC;0BACX,SAAS,CAAC,UAAU,CAAC;;kCAEb,IAAI,CAAC,OAAO;2CACH,IAAI,CAAC,WAAW;qBACtC,IAAI,CAAC,KAAK;;;;8BAID,IAAI,CAAC,mBAAmB;;;4CAGV,IAAI,CAAC,WAAW;cAC9C,IAAI,CAAC,iBAAiB;YACtB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAA,qCAAqC,IAAI,CAAC,aAAa;;kBAEzD;;;;KAIb,CAAC;IACJ,CAAC;;AA/PsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAW5C;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACE;AAGnC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;0DACE;AAS5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;uDAGzD;AAUM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;4DAC9B;AAOzB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;+DAC9B;AAU5B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;6DAC7B;AAO1B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACvB;AAOZ;IADP,KAAK,EAAE;qDACkB;AAOV;IADf,QAAQ,EAAE;iDACoB;AAIxB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uDACH;AAWlB;IADT,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;yDAG7C;AAtGkB,kBAAkB;IAFtC,MAAM,CAAC,GAAG,CAAC;IACX,4BAA4B,CAAC,oBAAoB,CAAC;GAC9B,kBAAkB,CAoQtC;eApQoB,kBAAkB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { type Ref, createRef, 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 { createCounter, partNameMap } 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 IgcDialogEventMap {\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 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 IgcDialogEventMap,\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 private get dialog() {\n return this.dialogRef.value!;\n }\n\n @queryAssignedElements({ slot: 'title' })\n private titleElements!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'footer' })\n private footerElements!: Array<HTMLElement>;\n\n /* blazorSuppress */\n /**\n * Whether the dialog should be closed when pressing the 'ESCAPE' button.\n * @deprecated since version 4.2.3. Use `keepOpenOnEscape` instead.\n * @attr close-on-escape\n */\n @property({ type: Boolean, attribute: 'close-on-escape' })\n public set closeOnEscape(value: boolean) {\n this.keepOpenOnEscape = !value;\n }\n public get closeOnEscape(): boolean {\n return !this.keepOpenOnEscape;\n }\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 * Backdrop animation helper.\n * @hidden @internal\n */\n @state()\n private animating = 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 protected resolvePartNames(base: string) {\n return {\n [base]: true,\n titled: this.titleElements.length > 0 || this.title,\n footed: this.footerElements.length > 0 || !this.hideDefaultAction,\n };\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n protected handleOpenState() {\n this.open ? this.dialog.showModal() : this.dialog.close();\n }\n\n protected override async firstUpdated() {\n await this.updateComplete;\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 /** Opens the dialog. */\n public show() {\n if (this.open) {\n return;\n }\n\n this.toggleAnimation('open');\n this.open = true;\n }\n\n /** Closes the dialog. */\n public async hide() {\n if (!this.open) {\n return;\n }\n\n this.animating = true;\n\n if (await this.toggleAnimation('close')) {\n this.animating = false;\n this.open = false;\n }\n }\n\n /** Toggles the open state of the dialog. */\n public toggle() {\n this.open ? this.hide() : this.show();\n }\n\n protected async hideWithEvent() {\n if (!this.open) {\n return;\n }\n\n if (!this.handleClosing()) {\n return;\n }\n\n this.animating = true;\n\n if (await this.toggleAnimation('close')) {\n this.open = false;\n this.animating = false;\n await this.updateComplete;\n this.emitEvent('igcClosed');\n }\n }\n\n private handleCancel(event: Event) {\n event.preventDefault();\n\n if (!this.keepOpenOnEscape) {\n this.hideWithEvent();\n }\n }\n\n private handleClick({ clientX, clientY, target }: MouseEvent) {\n if (this.closeOnOutsideClick && this.dialog === target) {\n const { left, top, right, bottom } = this.dialog.getBoundingClientRect();\n const between = (x: number, low: number, high: number) =>\n x >= low && x <= high;\n if (!(between(clientX, left, right) && between(clientY, top, bottom))) {\n this.hideWithEvent();\n }\n }\n }\n\n private handleClosing(): boolean {\n return this.emitEvent('igcClosing', { cancelable: true });\n }\n\n protected formSubmitHandler = (e: Event) => {\n if (e instanceof SubmitEvent && e.submitter) {\n this.returnValue = (e.submitter as any)?.value || '';\n }\n if (!e.defaultPrevented) {\n this.hideWithEvent();\n }\n };\n\n private slotChanged() {\n this.requestUpdate();\n }\n\n private handleContentChange() {\n // Setup submit handling for supported forms\n for (const form of this.querySelectorAll('igc-form, form')) {\n if (form.getAttribute('method') !== 'dialog') {\n continue;\n }\n\n const eventName = form.matches('form') ? 'submit' : 'igcSubmit';\n form.removeEventListener(eventName, this.formSubmitHandler);\n form.addEventListener(eventName, this.formSubmitHandler);\n }\n\n this.slotChanged();\n }\n\n protected override render() {\n const label = this.ariaLabel ? this.ariaLabel : undefined;\n const labelledby = label ? undefined : this.titleId;\n const backdropParts = partNameMap({\n backdrop: true,\n animating: this.animating,\n });\n\n return html`\n <div part=${backdropParts} aria-hidden=${!this.open}></div>\n <dialog\n ${ref(this.dialogRef)}\n part=\"${partNameMap(this.resolvePartNames('base'))}\"\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\" @slotchange=${this.slotChanged}\n ><span>${this.title}</span></slot\n >\n </header>\n <section part=\"content\">\n <slot @slotchange=${this.handleContentChange}></slot>\n </section>\n <footer part=\"footer\">\n <slot name=\"footer\" @slotchange=${this.slotChanged}>\n ${this.hideDefaultAction\n ? nothing\n : html`<igc-button variant=\"flat\" @click=${this.hideWithEvent}\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,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part=title],[part=footer]{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=titled] [part=title]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=footed] [part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex}::slotted(*){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part=title],[part=footer]{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=titled] [part=title]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=footed] [part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;
3
3
  //# sourceMappingURL=dialog.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uqFAAuqF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part=title],[part=footer]{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=titled] [part=title]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=footed] [part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex}::slotted(*){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;\n"]}
1
+ {"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wrFAAwrF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part~=base]{background:inherit;color:inherit;padding:inherit;border:inherit;border-style:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part=title],[part=footer]{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[part~=titled] [part=title]{display:-webkit-box;display:-ms-flexbox;display:flex}[part~=footed] [part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex}::slotted(:not(igc-calendar)){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:last-child),slot[name=footer]::slotted(:last-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}[part=title]{padding:1.5rem 1.5rem 0 1.5rem}[part=content]{padding:1rem 1.5rem}[part=footer]{padding:1rem 1.5rem 1.5rem 1.5rem}[part=base] ::slotted(igc-button){--ig-size: 2}slot[name=footer]::slotted(:last-child){-webkit-margin-start:1rem;margin-inline-start:1rem}`;
2
+ export const styles = css `[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}[part=title]{padding:1.5rem 1.5rem 0}[part=content]{padding:1rem 1.5rem}[part=footer]{padding:1rem 1.5rem 1.5rem}[part=base] ::slotted(igc-button){--ig-size: 2}slot[name=footer]::slotted(:last-child){-webkit-margin-start:1rem;margin-inline-start:1rem}`;
3
3
  //# sourceMappingURL=dialog.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2pBAA2pB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}[part=title]{padding:1.5rem 1.5rem 0 1.5rem}[part=content]{padding:1rem 1.5rem}[part=footer]{padding:1rem 1.5rem 1.5rem 1.5rem}[part=base] ::slotted(igc-button){--ig-size: 2}slot[name=footer]::slotted(:last-child){-webkit-margin-start:1rem;margin-inline-start:1rem}`;\n"]}
1
+ {"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}[part=title]{padding:1.5rem 1.5rem 0}[part=content]{padding:1rem 1.5rem}[part=footer]{padding:1rem 1.5rem 1.5rem}[part=base] ::slotted(igc-button){--ig-size: 2}slot[name=footer]::slotted(:last-child){-webkit-margin-start:1rem;margin-inline-start:1rem}`;\n"]}