igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (374) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/animations/player.d.ts +1 -1
  3. package/animations/player.js.map +1 -1
  4. package/components/avatar/avatar.d.ts +1 -0
  5. package/components/avatar/avatar.js +9 -12
  6. package/components/avatar/avatar.js.map +1 -1
  7. package/components/badge/badge.d.ts +1 -0
  8. package/components/badge/badge.js +9 -12
  9. package/components/badge/badge.js.map +1 -1
  10. package/components/banner/banner.js +6 -9
  11. package/components/banner/banner.js.map +1 -1
  12. package/components/button/button.d.ts +1 -0
  13. package/components/button/button.js +9 -12
  14. package/components/button/button.js.map +1 -1
  15. package/components/button/icon-button.d.ts +1 -0
  16. package/components/button/icon-button.js +9 -12
  17. package/components/button/icon-button.js.map +1 -1
  18. package/components/button-group/button-group.js +6 -9
  19. package/components/button-group/button-group.js.map +1 -1
  20. package/components/button-group/toggle-button.d.ts +1 -0
  21. package/components/button-group/toggle-button.js +6 -6
  22. package/components/button-group/toggle-button.js.map +1 -1
  23. package/components/calendar/calendar.d.ts +1 -0
  24. package/components/calendar/calendar.js +11 -17
  25. package/components/calendar/calendar.js.map +1 -1
  26. package/components/calendar/days-view/days-view.js +3 -3
  27. package/components/calendar/days-view/days-view.js.map +1 -1
  28. package/components/calendar/months-view/months-view.js +3 -3
  29. package/components/calendar/months-view/months-view.js.map +1 -1
  30. package/components/calendar/themes/calendar.base.css.js +1 -1
  31. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  32. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  33. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  34. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  35. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  36. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  37. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  38. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  39. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  40. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  41. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  42. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  43. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  44. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  45. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  46. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  47. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  48. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  49. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  50. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  51. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  52. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  53. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  54. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  55. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  56. package/components/calendar/years-view/years-view.js +3 -3
  57. package/components/calendar/years-view/years-view.js.map +1 -1
  58. package/components/card/card.actions.d.ts +1 -0
  59. package/components/card/card.actions.js +9 -12
  60. package/components/card/card.actions.js.map +1 -1
  61. package/components/card/card.content.d.ts +1 -0
  62. package/components/card/card.content.js +8 -14
  63. package/components/card/card.content.js.map +1 -1
  64. package/components/card/card.d.ts +1 -0
  65. package/components/card/card.header.d.ts +1 -0
  66. package/components/card/card.header.js +8 -14
  67. package/components/card/card.header.js.map +1 -1
  68. package/components/card/card.js +10 -13
  69. package/components/card/card.js.map +1 -1
  70. package/components/carousel/carousel-indicator-container.d.ts +1 -0
  71. package/components/carousel/carousel-indicator-container.js +8 -17
  72. package/components/carousel/carousel-indicator-container.js.map +1 -1
  73. package/components/carousel/carousel.d.ts +4 -6
  74. package/components/carousel/carousel.js +36 -60
  75. package/components/carousel/carousel.js.map +1 -1
  76. package/components/checkbox/checkbox.d.ts +1 -1
  77. package/components/checkbox/checkbox.js +10 -14
  78. package/components/checkbox/checkbox.js.map +1 -1
  79. package/components/checkbox/switch.d.ts +1 -0
  80. package/components/checkbox/switch.js +9 -18
  81. package/components/checkbox/switch.js.map +1 -1
  82. package/components/chip/chip.js +6 -9
  83. package/components/chip/chip.js.map +1 -1
  84. package/components/combo/combo-header.d.ts +1 -0
  85. package/components/combo/combo-header.js +8 -14
  86. package/components/combo/combo-header.js.map +1 -1
  87. package/components/combo/combo-item.d.ts +1 -0
  88. package/components/combo/combo-item.js +9 -12
  89. package/components/combo/combo-item.js.map +1 -1
  90. package/components/combo/combo.js +2 -2
  91. package/components/combo/combo.js.map +1 -1
  92. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  93. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  94. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  95. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  96. package/components/combo/themes/light/combo.shared.css.js +1 -1
  97. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  98. package/components/common/context.d.ts +1 -5
  99. package/components/common/context.js +1 -2
  100. package/components/common/context.js.map +1 -1
  101. package/components/common/definitions/defineAllComponents.js +0 -2
  102. package/components/common/definitions/defineAllComponents.js.map +1 -1
  103. package/components/common/mixins/alert.d.ts +7 -8
  104. package/components/common/mixins/alert.js +23 -34
  105. package/components/common/mixins/alert.js.map +1 -1
  106. package/components/date-picker/date-picker.d.ts +1 -1
  107. package/components/date-picker/date-picker.js +7 -9
  108. package/components/date-picker/date-picker.js.map +1 -1
  109. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  110. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  111. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  112. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  113. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  114. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  115. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  116. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  117. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  118. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  119. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  120. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  121. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  122. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  123. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  124. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  125. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  126. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  127. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  128. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  129. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  130. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  131. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  132. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  133. package/components/date-range-picker/date-range-picker.d.ts +1 -1
  134. package/components/date-range-picker/date-range-picker.js +5 -7
  135. package/components/date-range-picker/date-range-picker.js.map +1 -1
  136. package/components/date-range-picker/predefined-ranges-area.d.ts +1 -0
  137. package/components/date-range-picker/predefined-ranges-area.js +9 -12
  138. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  139. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  140. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  141. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  142. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  143. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  144. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  145. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  146. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  147. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  148. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  149. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  150. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  151. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  152. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  153. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  154. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  155. package/components/dialog/dialog.d.ts +1 -0
  156. package/components/dialog/dialog.js +12 -12
  157. package/components/dialog/dialog.js.map +1 -1
  158. package/components/divider/divider.d.ts +1 -0
  159. package/components/divider/divider.js +18 -21
  160. package/components/divider/divider.js.map +1 -1
  161. package/components/dropdown/dropdown-group.js +6 -9
  162. package/components/dropdown/dropdown-group.js.map +1 -1
  163. package/components/dropdown/dropdown-header.d.ts +1 -0
  164. package/components/dropdown/dropdown-header.js +8 -14
  165. package/components/dropdown/dropdown-header.js.map +1 -1
  166. package/components/dropdown/dropdown-item.d.ts +1 -0
  167. package/components/dropdown/dropdown-item.js +8 -14
  168. package/components/dropdown/dropdown-item.js.map +1 -1
  169. package/components/dropdown/dropdown.js +2 -2
  170. package/components/dropdown/dropdown.js.map +1 -1
  171. package/components/dropdown/themes/item.js +7 -0
  172. package/components/dropdown/themes/item.js.map +1 -1
  173. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js +3 -0
  174. package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map +1 -0
  175. package/components/expansion-panel/expansion-panel.js +7 -10
  176. package/components/expansion-panel/expansion-panel.js.map +1 -1
  177. package/components/file-input/file-input.d.ts +1 -1
  178. package/components/file-input/file-input.js +18 -21
  179. package/components/file-input/file-input.js.map +1 -1
  180. package/components/file-input/themes/dark/file-input.bootstrap.css.js +3 -0
  181. package/components/file-input/themes/dark/file-input.bootstrap.css.js.map +1 -0
  182. package/components/file-input/themes/dark/file-input.fluent.css.js +3 -0
  183. package/components/file-input/themes/dark/file-input.fluent.css.js.map +1 -0
  184. package/components/file-input/themes/dark/file-input.indigo.css.js +3 -0
  185. package/components/file-input/themes/dark/file-input.indigo.css.js.map +1 -0
  186. package/components/file-input/themes/dark/file-input.material.css.js +3 -0
  187. package/components/file-input/themes/dark/file-input.material.css.js.map +1 -0
  188. package/components/file-input/themes/file-input.base.css.js +1 -1
  189. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  190. package/components/file-input/themes/light/file-input.bootstrap.css.d.ts +1 -0
  191. package/components/file-input/themes/light/file-input.bootstrap.css.js +3 -0
  192. package/components/file-input/themes/light/file-input.bootstrap.css.js.map +1 -0
  193. package/components/file-input/themes/light/file-input.fluent.css.d.ts +1 -0
  194. package/components/file-input/themes/light/file-input.fluent.css.js +3 -0
  195. package/components/file-input/themes/light/file-input.fluent.css.js.map +1 -0
  196. package/components/file-input/themes/light/file-input.indigo.css.d.ts +1 -0
  197. package/components/file-input/themes/light/file-input.indigo.css.js +3 -0
  198. package/components/file-input/themes/light/file-input.indigo.css.js.map +1 -0
  199. package/components/file-input/themes/light/file-input.material.css.d.ts +1 -0
  200. package/components/file-input/themes/light/file-input.material.css.js +3 -0
  201. package/components/file-input/themes/light/file-input.material.css.js.map +1 -0
  202. package/components/file-input/themes/light/file-input.shared.css.d.ts +1 -0
  203. package/components/file-input/themes/light/file-input.shared.css.js +3 -0
  204. package/components/file-input/themes/light/file-input.shared.css.js.map +1 -0
  205. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  206. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  207. package/components/file-input/themes/shared/file-input.indigo.css.js +1 -1
  208. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -1
  209. package/components/file-input/themes/shared/file-input.material.css.js +1 -1
  210. package/components/file-input/themes/shared/file-input.material.css.js.map +1 -1
  211. package/components/file-input/themes/themes.js +19 -0
  212. package/components/file-input/themes/themes.js.map +1 -1
  213. package/components/icon/icon.d.ts +1 -0
  214. package/components/icon/icon.js +11 -10
  215. package/components/icon/icon.js.map +1 -1
  216. package/components/input/input-base.d.ts +1 -1
  217. package/components/input/input-base.js +5 -6
  218. package/components/input/input-base.js.map +1 -1
  219. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  220. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  221. package/components/input/themes/shared/input.indigo.css.js +1 -1
  222. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  223. package/components/input/themes/shared/input.material.css.js +1 -1
  224. package/components/input/themes/shared/input.material.css.js.map +1 -1
  225. package/components/list/list-header.js +5 -14
  226. package/components/list/list-header.js.map +1 -1
  227. package/components/list/list-item.js +6 -9
  228. package/components/list/list-item.js.map +1 -1
  229. package/components/list/list.js +5 -14
  230. package/components/list/list.js.map +1 -1
  231. package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -0
  232. package/components/nav-drawer/nav-drawer-header-item.js +8 -14
  233. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  234. package/components/nav-drawer/nav-drawer-item.d.ts +1 -0
  235. package/components/nav-drawer/nav-drawer-item.js +9 -12
  236. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  237. package/components/nav-drawer/nav-drawer.d.ts +1 -0
  238. package/components/nav-drawer/nav-drawer.js +9 -12
  239. package/components/nav-drawer/nav-drawer.js.map +1 -1
  240. package/components/navbar/navbar.d.ts +1 -0
  241. package/components/navbar/navbar.js +8 -14
  242. package/components/navbar/navbar.js.map +1 -1
  243. package/components/progress/circular-progress.d.ts +1 -0
  244. package/components/progress/circular-progress.js +10 -13
  245. package/components/progress/circular-progress.js.map +1 -1
  246. package/components/progress/linear-progress.d.ts +1 -0
  247. package/components/progress/linear-progress.js +9 -12
  248. package/components/progress/linear-progress.js.map +1 -1
  249. package/components/radio/radio.js +7 -10
  250. package/components/radio/radio.js.map +1 -1
  251. package/components/radio-group/radio-group.js +6 -9
  252. package/components/radio-group/radio-group.js.map +1 -1
  253. package/components/rating/rating.js +6 -9
  254. package/components/rating/rating.js.map +1 -1
  255. package/components/resize-container/resize-container.js +6 -9
  256. package/components/resize-container/resize-container.js.map +1 -1
  257. package/components/select/select-group.js +6 -9
  258. package/components/select/select-group.js.map +1 -1
  259. package/components/select/select-header.d.ts +1 -0
  260. package/components/select/select-header.js +8 -14
  261. package/components/select/select-header.js.map +1 -1
  262. package/components/select/select-item.d.ts +1 -0
  263. package/components/select/select-item.js +9 -9
  264. package/components/select/select-item.js.map +1 -1
  265. package/components/select/select.js +2 -2
  266. package/components/select/select.js.map +1 -1
  267. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  268. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  269. package/components/slider/slider-base.js +2 -2
  270. package/components/slider/slider-base.js.map +1 -1
  271. package/components/snackbar/snackbar.d.ts +4 -5
  272. package/components/snackbar/snackbar.js +14 -17
  273. package/components/snackbar/snackbar.js.map +1 -1
  274. package/components/stepper/step.d.ts +1 -0
  275. package/components/stepper/step.js +9 -12
  276. package/components/stepper/step.js.map +1 -1
  277. package/components/stepper/stepper.d.ts +1 -0
  278. package/components/stepper/stepper.js +18 -12
  279. package/components/stepper/stepper.js.map +1 -1
  280. package/components/tabs/tab.d.ts +1 -0
  281. package/components/tabs/tab.js +10 -13
  282. package/components/tabs/tab.js.map +1 -1
  283. package/components/tabs/tabs.js +6 -9
  284. package/components/tabs/tabs.js.map +1 -1
  285. package/components/textarea/textarea.d.ts +1 -1
  286. package/components/textarea/textarea.js +5 -6
  287. package/components/textarea/textarea.js.map +1 -1
  288. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  289. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  290. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  291. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  292. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  293. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  294. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  295. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  296. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  297. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  298. package/components/tile-manager/tile-manager.js +2 -2
  299. package/components/tile-manager/tile-manager.js.map +1 -1
  300. package/components/tile-manager/tile.d.ts +1 -0
  301. package/components/tile-manager/tile.js +53 -56
  302. package/components/tile-manager/tile.js.map +1 -1
  303. package/components/toast/toast.d.ts +2 -2
  304. package/components/toast/toast.js +9 -18
  305. package/components/toast/toast.js.map +1 -1
  306. package/components/tooltip/tooltip.d.ts +1 -0
  307. package/components/tooltip/tooltip.js +39 -42
  308. package/components/tooltip/tooltip.js.map +1 -1
  309. package/components/tree/tree-item.js +6 -9
  310. package/components/tree/tree-item.js.map +1 -1
  311. package/components/tree/tree.js +2 -2
  312. package/components/tree/tree.js.map +1 -1
  313. package/components/validation-container/validation-container.d.ts +8 -5
  314. package/components/validation-container/validation-container.js +59 -49
  315. package/components/validation-container/validation-container.js.map +1 -1
  316. package/custom-elements.json +17604 -18460
  317. package/igniteui-webcomponents.css-data.json +1 -1
  318. package/igniteui-webcomponents.html-data.json +1 -1
  319. package/index.d.ts +0 -7
  320. package/index.js +0 -5
  321. package/index.js.map +1 -1
  322. package/package.json +1 -1
  323. package/theming/config.d.ts +3 -3
  324. package/theming/config.js +14 -18
  325. package/theming/config.js.map +1 -1
  326. package/theming/theming-controller.d.ts +17 -13
  327. package/theming/theming-controller.js +28 -22
  328. package/theming/theming-controller.js.map +1 -1
  329. package/theming/theming-event.d.ts +1 -0
  330. package/theming/theming-event.js.map +1 -1
  331. package/theming/types.d.ts +3 -14
  332. package/theming/types.js.map +1 -1
  333. package/theming/utils.js +24 -23
  334. package/theming/utils.js.map +1 -1
  335. package/web-types.json +2 -2
  336. package/components/chat/chat-input.d.ts +0 -41
  337. package/components/chat/chat-input.js +0 -254
  338. package/components/chat/chat-input.js.map +0 -1
  339. package/components/chat/chat-message-list.d.ts +0 -24
  340. package/components/chat/chat-message-list.js +0 -88
  341. package/components/chat/chat-message-list.js.map +0 -1
  342. package/components/chat/chat-message.d.ts +0 -21
  343. package/components/chat/chat-message.js +0 -52
  344. package/components/chat/chat-message.js.map +0 -1
  345. package/components/chat/chat.d.ts +0 -41
  346. package/components/chat/chat.js +0 -98
  347. package/components/chat/chat.js.map +0 -1
  348. package/components/chat/markdown-util.d.ts +0 -2
  349. package/components/chat/markdown-util.js +0 -22
  350. package/components/chat/markdown-util.js.map +0 -1
  351. package/components/chat/message-attachments.d.ts +0 -28
  352. package/components/chat/message-attachments.js +0 -168
  353. package/components/chat/message-attachments.js.map +0 -1
  354. package/components/chat/themes/chat.base.css.js +0 -3
  355. package/components/chat/themes/chat.base.css.js.map +0 -1
  356. package/components/chat/themes/input.base.css.js +0 -3
  357. package/components/chat/themes/input.base.css.js.map +0 -1
  358. package/components/chat/themes/message-attachments.base.css.js +0 -3
  359. package/components/chat/themes/message-attachments.base.css.js.map +0 -1
  360. package/components/chat/themes/message-list.base.css.js +0 -3
  361. package/components/chat/themes/message-list.base.css.js.map +0 -1
  362. package/components/chat/themes/message.base.css.js +0 -3
  363. package/components/chat/themes/message.base.css.js.map +0 -1
  364. package/components/chat/types.d.ts +0 -46
  365. package/components/chat/types.js +0 -8
  366. package/components/chat/types.js.map +0 -1
  367. package/theming/theming-decorator.d.ts +0 -43
  368. package/theming/theming-decorator.js +0 -25
  369. package/theming/theming-decorator.js.map +0 -1
  370. /package/components/{chat/themes/chat.base.css.d.ts → dropdown/themes/shared/item/dropdown-item.bootstrap.css.d.ts} +0 -0
  371. /package/components/{chat/themes/input.base.css.d.ts → file-input/themes/dark/file-input.bootstrap.css.d.ts} +0 -0
  372. /package/components/{chat/themes/message-attachments.base.css.d.ts → file-input/themes/dark/file-input.fluent.css.d.ts} +0 -0
  373. /package/components/{chat/themes/message-list.base.css.d.ts → file-input/themes/dark/file-input.indigo.css.d.ts} +0 -0
  374. /package/components/{chat/themes/message.base.css.d.ts → file-input/themes/dark/file-input.material.css.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,67BAA67B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;\n"]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent}`;
3
+ //# sourceMappingURL=file-input.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iPAAiP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-300));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo}`;
3
+ //# sourceMappingURL=file-input.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u8BAAu8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-50-contrast));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-primary-500-contrast));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--ig-theme: indigo}`;\n"]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;
3
+ //# sourceMappingURL=file-input.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/dark/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8bAA8b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--disabled-text-color)}`;
2
+ export const styles = css `:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;
3
3
  //# sourceMappingURL=file-input.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvCAAkvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--disabled-text-color)}`;\n"]}
1
+ {"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jFAA8jF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{display:flex;align-items:center;max-height:var(--size);height:100%;grid-area:1/3;color:var(--file-names-foreground);background:var(--file-names-background)}:host(:is(igc-file-input)) [part=file-names]>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=container],:host(:is(igc-file-input)) [part~=input]{height:var(--size)}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:is(igc-file-input)) [part~=filled] [part~=file-names]{color:var(--file-names-foreground--filled);background:var(--file-names-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-names]{color:var(--file-names-foreground--focused);background:var(--file-names-background--focused)}:host(:is(igc-file-input)) [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground);--disabled-foreground: var(--file-selector-button-foreground--disabled);--background: var(--file-selector-button-background);--disabled-background: var(--file-selector-button-background--disabled);--hover-foreground: var(--foreground);--active-foreground: var(--foreground);--hover-background: var(--background);--active-background: var(--background)}:host(:is(igc-file-input)) [part~=filled] [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--filled);--background: var(--file-selector-button-background--filled)}:host(:is(igc-file-input)) [part~=container]:focus-within [part~=file-selector-button] igc-button{--foreground: var(--file-selector-button-foreground--focused);--background: var(--file-selector-button-background--focused)}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);background:var(--file-names-background--disabled)}`;\n"]}
@@ -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{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;
3
+ //# sourceMappingURL=file-input.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,67BAA67B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background--disabled: var(--ig-file-names-background--disabled, var(--ig-gray-100));--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-400));--file-selector-button-background: var(--ig-file-selector-button-background, var(--ig-gray-300));--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, var(--ig-gray-300));--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, var(--ig-gray-300));--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, var(--ig-gray-100));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-800));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-400));--ig-theme: bootstrap}`;\n"]}
@@ -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{--ig-theme: fluent}`;
3
+ //# sourceMappingURL=file-input.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
@@ -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{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo}`;
3
+ //# sourceMappingURL=file-input.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wwBAAwwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-800));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-800));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-700));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-700));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-700));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, hsl(from var(--ig-gray-900) h s l/0.2));--ig-theme: indigo}`;\n"]}
@@ -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{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;
3
+ //# sourceMappingURL=file-input.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8bAA8b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-700));--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-secondary-500));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-secondary-500));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-secondary-500));--ig-theme: material}`;\n"]}
@@ -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{--file-names-background: var(--ig-file-names-background, transparent);--file-names-background--focused: var(--ig-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-500))}`;
3
+ //# sourceMappingURL=file-input.shared.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/light/file-input.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,whDAAwhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--file-names-background: var(--ig-file-names-background, transparent);--file-names-background--focused: var(--ig-file-names-background--focused, transparent);--file-names-background--filled: var(--ig-file-names-background--filled, transparent);--file-names-background--disabled: var(--ig-file-names-background--disabled, transparent);--file-names-foreground: var(--ig-file-names-foreground, var(--ig-gray-900));--file-names-foreground--focused: var(--ig-file-names-foreground--focused, var(--ig-gray-900));--file-names-foreground--filled: var(--ig-file-names-foreground--filled, var(--ig-gray-900));--file-names-foreground--disabled: var(--ig-file-names-foreground--disabled, var(--ig-gray-500));--file-selector-button-background: var(--ig-file-selector-button-background, transparent);--file-selector-button-background--focused: var(--ig-file-selector-button-background--focused, transparent);--file-selector-button-background--filled: var(--ig-file-selector-button-background--filled, transparent);--file-selector-button-background--disabled: var(--ig-file-selector-button-background--disabled, transparent);--file-selector-button-foreground: var(--ig-file-selector-button-foreground, var(--ig-gray-900));--file-selector-button-foreground--focused: var(--ig-file-selector-button-foreground--focused, var(--ig-gray-900));--file-selector-button-foreground--filled: var(--ig-file-selector-button-foreground--filled, var(--ig-gray-900));--file-selector-button-foreground--disabled: var(--ig-file-selector-button-foreground--disabled, var(--ig-gray-500))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button{--foreground: var(--input-prefix-color);--background: var(--input-prefix-background);--hover-foreground: var(--foreground);--hover-background: var(--background);--active-foreground: var(--foreground);--active-background: var(--background);--focus-visible-foreground: var(--foreground);--focus-visible-background: var(--background);--disabled-foreground: var(--disabled-text-color);--disabled-background: var(--border-disabled-background)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
2
+ export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
3
3
  //# sourceMappingURL=file-input.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilGAAilG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button{--foreground: var(--input-prefix-color);--background: var(--input-prefix-background);--hover-foreground: var(--foreground);--hover-background: var(--background);--active-foreground: var(--foreground);--active-background: var(--background);--focus-visible-foreground: var(--foreground);--focus-visible-background: var(--background);--disabled-foreground: var(--disabled-text-color);--disabled-background: var(--border-disabled-background)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}
1
+ {"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kkFAAkkF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--file-names-foreground--disabled);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem}`;
2
+ export const styles = css `[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-size:.75rem;line-height:1rem}`;
3
3
  //# sourceMappingURL=file-input.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,meAAme,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--idle-text-color);font-size:.75rem;line-height:1rem}`;\n"]}
1
+ {"version":3,"file":"file-input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,scAAsc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);font-size:.75rem;line-height:1rem}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host(:is(igc-file-input)) [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [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(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}`;
2
+ export const styles = css `:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [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(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;
3
3
  //# sourceMappingURL=file-input.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2/DAA2/D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part=label]{--label-position: max(var(--is-large, 1) * max(26px, -1 * 26px), var(--is-medium, 1) * max(22px, -1 * 22px), var(--is-small, 1) * max(18px, -1 * 18px));transform:translateY(calc(var(--label-position) * -1))}:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [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(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part=notch] [part=label]{transform:translateY(-73%)}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}`;\n"]}
1
+ {"version":3,"file":"file-input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8yDAA8yD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:is(igc-file-input)) [part~=container]{grid-template-columns:auto auto auto 1fr auto}:host(:is(igc-file-input)) [part=notch] [part=label]{transition:none}:host(:is(igc-file-input)) [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(:is(igc-file-input)) [part~=file-names]{grid-area:1/3/span 1/span 2;padding-inline:.25rem}:host(:is(igc-file-input)) [part~=input]{grid-column:2/5}:host(:is(igc-file-input)) [part=filler]{grid-column:4/5}:host(:is(igc-file-input)) [part=end]{grid-area:1/5}:host([outlined]) [part=notch]{grid-column:3/3;border-top-color:rgba(0,0,0,0) !important}:host([outlined]) [part=file-selector-button]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=label]{translate:0 -50%;align-self:start}:host([outlined]:hover) [part=file-selector-button]{border-color:var(--hover-border-color)}:host([outlined]:focus-within) [part=file-selector-button]{border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined][invalid]) [part=file-selector-button],:host([outlined][invalid]:focus-within) [part=file-selector-button]{border-color:var(--error-secondary-color)}:host(:not([outlined])) [part=notch]{grid-area:1/3}:host(:not([outlined])) [part~=labelled] [part~=file-names]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) [part=label]{translate:0 -73%}`;\n"]}
@@ -1,48 +1,67 @@
1
1
  import { css } from 'lit';
2
2
  import { all as inputThemes } from '../../input/themes/themes.js';
3
+ import { styles as bootstrapDark } from './dark/file-input.bootstrap.css.js';
4
+ import { styles as fluentDark } from './dark/file-input.fluent.css.js';
5
+ import { styles as indigoDark } from './dark/file-input.indigo.css.js';
6
+ import { styles as materialDark } from './dark/file-input.material.css.js';
7
+ import { styles as bootstrapLight } from './light/file-input.bootstrap.css.js';
8
+ import { styles as fluentLight } from './light/file-input.fluent.css.js';
9
+ import { styles as indigoLight } from './light/file-input.indigo.css.js';
10
+ import { styles as materialLight } from './light/file-input.material.css.js';
11
+ import { styles as shared } from './light/file-input.shared.css.js';
3
12
  import { styles as bootstrap } from './shared/file-input.bootstrap.css.js';
4
13
  import { styles as fluent } from './shared/file-input.fluent.css.js';
5
14
  import { styles as indigo } from './shared/file-input.indigo.css.js';
6
15
  import { styles as material } from './shared/file-input.material.css.js';
7
16
  const light = {
8
17
  shared: css `
18
+ ${shared}
9
19
  ${inputThemes.light.shared}
10
20
  `,
11
21
  bootstrap: css `
12
22
  ${bootstrap}
23
+ ${bootstrapLight}
13
24
  ${inputThemes.light.bootstrap}
14
25
  `,
15
26
  material: css `
16
27
  ${material}
28
+ ${materialLight}
17
29
  ${inputThemes.light.material}
18
30
  `,
19
31
  indigo: css `
20
32
  ${indigo}
33
+ ${indigoLight}
21
34
  ${inputThemes.light.indigo}
22
35
  `,
23
36
  fluent: css `
24
37
  ${fluent}
38
+ ${fluentLight}
25
39
  ${inputThemes.light.fluent}
26
40
  `,
27
41
  };
28
42
  const dark = {
29
43
  shared: css `
44
+ ${shared}
30
45
  ${inputThemes.dark.shared}
31
46
  `,
32
47
  bootstrap: css `
33
48
  ${bootstrap}
49
+ ${bootstrapDark}
34
50
  ${inputThemes.dark.bootstrap}
35
51
  `,
36
52
  material: css `
37
53
  ${material}
54
+ ${materialDark}
38
55
  ${inputThemes.dark.material}
39
56
  `,
40
57
  indigo: css `
41
58
  ${indigo}
59
+ ${indigoDark}
42
60
  ${inputThemes.dark.indigo}
43
61
  `,
44
62
  fluent: css `
45
63
  ${fluent}
64
+ ${fluentDark}
46
65
  ${inputThemes.dark.fluent}
47
66
  `,
48
67
  };
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,WAAW,CAAC,KAAK,CAAC,SAAU;GAC/B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,WAAW,CAAC,KAAK,CAAC,QAAS;GAC9B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,WAAW,CAAC,IAAI,CAAC,SAAU;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,WAAW,CAAC,IAAI,CAAC,QAAS;GAC7B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;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';\nimport { all as inputThemes } from '../../input/themes/themes.js';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/file-input.bootstrap.css.js';\nimport { styles as fluent } from './shared/file-input.fluent.css.js';\nimport { styles as indigo } from './shared/file-input.indigo.css.js';\nimport { styles as material } from './shared/file-input.material.css.js';\n\nconst light = {\n shared: css`\n ${inputThemes.light.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${inputThemes.light.bootstrap!}\n `,\n material: css`\n ${material}\n ${inputThemes.light.material!}\n `,\n indigo: css`\n ${indigo}\n ${inputThemes.light.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${inputThemes.light.fluent!}\n `,\n};\n\nconst dark = {\n shared: css`\n ${inputThemes.dark.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${inputThemes.dark.bootstrap!}\n `,\n material: css`\n ${material}\n ${inputThemes.dark.material!}\n `,\n indigo: css`\n ${indigo}\n ${inputThemes.dark.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${inputThemes.dark.fluent!}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,cAAc;MACd,WAAW,CAAC,KAAK,CAAC,SAAU;GAC/B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,aAAa;MACb,WAAW,CAAC,KAAK,CAAC,QAAS;GAC9B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW;MACX,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW;MACX,WAAW,CAAC,KAAK,CAAC,MAAO;GAC5B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;MACT,aAAa;MACb,WAAW,CAAC,IAAI,CAAC,SAAU;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;MACR,YAAY;MACZ,WAAW,CAAC,IAAI,CAAC,QAAS;GAC7B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,UAAU;MACV,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;MACN,UAAU;MACV,WAAW,CAAC,IAAI,CAAC,MAAO;GAC3B;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';\nimport { all as inputThemes } from '../../input/themes/themes.js';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/file-input.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/file-input.fluent.css.js';\nimport { styles as indigoDark } from './dark/file-input.indigo.css.js';\nimport { styles as materialDark } from './dark/file-input.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/file-input.bootstrap.css.js';\nimport { styles as fluentLight } from './light/file-input.fluent.css.js';\nimport { styles as indigoLight } from './light/file-input.indigo.css.js';\nimport { styles as materialLight } from './light/file-input.material.css.js';\nimport { styles as shared } from './light/file-input.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/file-input.bootstrap.css.js';\nimport { styles as fluent } from './shared/file-input.fluent.css.js';\nimport { styles as indigo } from './shared/file-input.indigo.css.js';\nimport { styles as material } from './shared/file-input.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n ${inputThemes.light.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${bootstrapLight}\n ${inputThemes.light.bootstrap!}\n `,\n material: css`\n ${material}\n ${materialLight}\n ${inputThemes.light.material!}\n `,\n indigo: css`\n ${indigo}\n ${indigoLight}\n ${inputThemes.light.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${fluentLight}\n ${inputThemes.light.fluent!}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n ${inputThemes.dark.shared!}\n `,\n bootstrap: css`\n ${bootstrap}\n ${bootstrapDark}\n ${inputThemes.dark.bootstrap!}\n `,\n material: css`\n ${material}\n ${materialDark}\n ${inputThemes.dark.material!}\n `,\n indigo: css`\n ${indigo}\n ${indigoDark}\n ${inputThemes.dark.indigo!}\n `,\n fluent: css`\n ${fluent}\n ${fluentDark}\n ${inputThemes.dark.fluent!}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -33,6 +33,7 @@ export default class IgcIconComponent extends LitElement {
33
33
  connectedCallback(): void;
34
34
  disconnectedCallback(): void;
35
35
  protected iconChanged(prev: string, curr: string): void;
36
+ private _themeChangedCallback;
36
37
  private iconLoaded;
37
38
  private getIcon;
38
39
  protected render(): import("lit-html").TemplateResult<1>;
@@ -4,11 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
4
4
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
- var IgcIconComponent_1;
8
7
  import { html, LitElement } from 'lit';
9
8
  import { property, state } from 'lit/decorators.js';
10
9
  import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
11
- import { getThemeController, themes } from '../../theming/theming-decorator.js';
10
+ import { addThemingController } from '../../theming/theming-controller.js';
12
11
  import { addInternalsController } from '../common/controllers/internals.js';
13
12
  import { blazorInclude } from '../common/decorators/blazorInclude.js';
14
13
  import { watch } from '../common/decorators/watch.js';
@@ -17,9 +16,9 @@ import { getIconRegistry, registerIcon as registerIcon_impl, registerIconFromTex
17
16
  import { styles } from './themes/icon.base.css.js';
18
17
  import { styles as shared } from './themes/shared/icon.common.css.js';
19
18
  import { all } from './themes/themes.js';
20
- let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitElement {
19
+ class IgcIconComponent extends LitElement {
21
20
  static register() {
22
- registerComponent(IgcIconComponent_1);
21
+ registerComponent(IgcIconComponent);
23
22
  }
24
23
  constructor() {
25
24
  super();
@@ -35,7 +34,9 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
35
34
  this.getIcon();
36
35
  }
37
36
  };
38
- getThemeController(this).onThemeChanged = (theme) => getIconRegistry().setRefsByTheme(theme);
37
+ addThemingController(this, all, {
38
+ themeChange: this._themeChangedCallback,
39
+ });
39
40
  }
40
41
  connectedCallback() {
41
42
  super.connectedCallback();
@@ -50,6 +51,9 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
50
51
  this.getIcon();
51
52
  }
52
53
  }
54
+ _themeChangedCallback(theme) {
55
+ getIconRegistry().setRefsByTheme(theme);
56
+ }
53
57
  getIcon() {
54
58
  const { name, collection } = getIconRegistry().getIconRef(this.name, this.collection);
55
59
  const { svg, title } = getIconRegistry().get(name, collection) ?? {};
@@ -68,9 +72,10 @@ let IgcIconComponent = IgcIconComponent_1 = class IgcIconComponent extends LitEl
68
72
  setIconRef(name, collection, icon) {
69
73
  setIconRef_impl(name, collection, icon);
70
74
  }
71
- };
75
+ }
72
76
  IgcIconComponent.tagName = 'igc-icon';
73
77
  IgcIconComponent.styles = [styles, shared];
78
+ export default IgcIconComponent;
74
79
  __decorate([
75
80
  state()
76
81
  ], IgcIconComponent.prototype, "svg", void 0);
@@ -96,8 +101,4 @@ __decorate([
96
101
  __decorate([
97
102
  blazorInclude()
98
103
  ], IgcIconComponent.prototype, "setIconRef", null);
99
- IgcIconComponent = IgcIconComponent_1 = __decorate([
100
- themes(all, { exposeController: true })
101
- ], IgcIconComponent);
102
- export default IgcIconComponent;
103
104
  //# sourceMappingURL=icon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n getIconRegistry,\n registerIcon as registerIcon_impl,\n registerIconFromText as registerIconFromText_impl,\n setIconRef as setIconRef_impl,\n} from './icon.registry.js';\nimport type { IconMeta } from './registry/types.js';\nimport { styles } from './themes/icon.base.css.js';\nimport { styles as shared } from './themes/shared/icon.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The icon component allows visualizing collections of pre-registered SVG icons.\n *\n * @element igc-icon\n *\n *\n */\n@themes(all, { exposeController: true })\nexport default class IgcIconComponent extends LitElement {\n public static readonly tagName = 'igc-icon';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcIconComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'img' },\n });\n\n @state()\n private svg = '';\n\n /* alternateName: iconName */\n /**\n * The name of the icon glyph to draw.\n * @attr\n */\n @property()\n public name = '';\n\n /**\n * The name of the registered collection for look up of icons.\n * Defaults to `default`.\n * @attr\n */\n @property()\n public collection = 'default';\n\n /**\n * Whether to flip the icon. Useful for RTL layouts.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public mirrored = false;\n\n constructor() {\n super();\n\n getThemeController(this)!.onThemeChanged = (theme) =>\n getIconRegistry().setRefsByTheme(theme);\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n getIconRegistry().subscribe(this.iconLoaded);\n }\n\n public override disconnectedCallback() {\n getIconRegistry().unsubscribe(this.iconLoaded);\n super.disconnectedCallback();\n }\n\n @watch('name')\n @watch('collection')\n protected iconChanged(prev: string, curr: string) {\n if (prev !== curr) {\n this.getIcon();\n }\n }\n\n private iconLoaded = (name: string, collection: string) => {\n if (this.name === name && this.collection === collection) {\n this.getIcon();\n }\n };\n\n private getIcon() {\n const { name, collection } = getIconRegistry().getIconRef(\n this.name,\n this.collection\n );\n const { svg, title } = getIconRegistry().get(name, collection) ?? {};\n\n this.svg = svg ?? '';\n this._internals.setARIA({ ariaLabel: title ?? null });\n }\n\n protected override render() {\n return html`${unsafeSVG(this.svg)}`;\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n\n /* c8 ignore next 4 */\n @blazorInclude()\n protected setIconRef(name: string, collection: string, icon: IconMeta) {\n setIconRef_impl(name, collection, icon);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon': IgcIconComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport type { Theme } from '../../theming/types.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n getIconRegistry,\n registerIcon as registerIcon_impl,\n registerIconFromText as registerIconFromText_impl,\n setIconRef as setIconRef_impl,\n} from './icon.registry.js';\nimport type { IconMeta } from './registry/types.js';\nimport { styles } from './themes/icon.base.css.js';\nimport { styles as shared } from './themes/shared/icon.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The icon component allows visualizing collections of pre-registered SVG icons.\n *\n * @element igc-icon\n *\n *\n */\nexport default class IgcIconComponent extends LitElement {\n public static readonly tagName = 'igc-icon';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcIconComponent);\n }\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'img' },\n });\n\n @state()\n private svg = '';\n\n /* alternateName: iconName */\n /**\n * The name of the icon glyph to draw.\n * @attr\n */\n @property()\n public name = '';\n\n /**\n * The name of the registered collection for look up of icons.\n * Defaults to `default`.\n * @attr\n */\n @property()\n public collection = 'default';\n\n /**\n * Whether to flip the icon. Useful for RTL layouts.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public mirrored = false;\n\n constructor() {\n super();\n addThemingController(this, all, {\n themeChange: this._themeChangedCallback,\n });\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n getIconRegistry().subscribe(this.iconLoaded);\n }\n\n public override disconnectedCallback() {\n getIconRegistry().unsubscribe(this.iconLoaded);\n super.disconnectedCallback();\n }\n\n @watch('name')\n @watch('collection')\n protected iconChanged(prev: string, curr: string) {\n if (prev !== curr) {\n this.getIcon();\n }\n }\n\n private _themeChangedCallback(theme: Theme) {\n getIconRegistry().setRefsByTheme(theme);\n }\n\n private iconLoaded = (name: string, collection: string) => {\n if (this.name === name && this.collection === collection) {\n this.getIcon();\n }\n };\n\n private getIcon() {\n const { name, collection } = getIconRegistry().getIconRef(\n this.name,\n this.collection\n );\n const { svg, title } = getIconRegistry().get(name, collection) ?? {};\n\n this.svg = svg ?? '';\n this._internals.setARIA({ ariaLabel: title ?? null });\n }\n\n protected override render() {\n return html`${unsafeSVG(this.svg)}`;\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n /* c8 ignore next 8 */\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n\n /* c8 ignore next 4 */\n @blazorInclude()\n protected setIconRef(name: string, collection: string, icon: IconMeta) {\n setIconRef_impl(name, collection, icon);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon': IgcIconComponent;\n }\n}\n"]}
@@ -11,6 +11,7 @@ declare const IgcInputBaseComponent_base: Constructor<import("../common/mixins/f
11
11
  export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponent_base {
12
12
  static styles: import("lit").CSSResult[];
13
13
  private static readonly increment;
14
+ protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
14
15
  protected inputId: string;
15
16
  /** The value attribute of the control. */
16
17
  abstract value: string | Date | null;
@@ -18,7 +19,6 @@ export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponen
18
19
  protected _helperText: Array<HTMLElement>;
19
20
  protected prefixes: Array<HTMLElement>;
20
21
  protected suffixes: Array<HTMLElement>;
21
- protected get _isMaterial(): boolean;
22
22
  /**
23
23
  * Whether the control will have outlined appearance.
24
24
  * @attr
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
7
7
  var IgcInputBaseComponent_1;
8
8
  import { html, LitElement, nothing } from 'lit';
9
9
  import { property, query, queryAssignedElements } from 'lit/decorators.js';
10
- import { getThemeController, themes } from '../../theming/theming-decorator.js';
10
+ import { addThemingController } from '../../theming/theming-controller.js';
11
11
  import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
12
12
  import { shadowOptions } from '../common/decorators/shadow-options.js';
13
13
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
@@ -21,13 +21,11 @@ import { all } from './themes/themes.js';
21
21
  let IgcInputBaseComponent = IgcInputBaseComponent_1 = class IgcInputBaseComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
22
22
  constructor() {
23
23
  super(...arguments);
24
+ this._themes = addThemingController(this, all);
24
25
  this.inputId = `input-${IgcInputBaseComponent_1.increment()}`;
25
26
  this.outlined = false;
26
27
  this.readOnly = false;
27
28
  }
28
- get _isMaterial() {
29
- return getThemeController(this)?.theme === 'material';
30
- }
31
29
  createRenderRoot() {
32
30
  const root = super.createRenderRoot();
33
31
  root.addEventListener('slotchange', () => this.requestUpdate());
@@ -100,7 +98,9 @@ let IgcInputBaseComponent = IgcInputBaseComponent_1 = class IgcInputBaseComponen
100
98
  ${this.renderValidatorContainer()}`;
101
99
  }
102
100
  render() {
103
- return this._isMaterial ? this.renderMaterial() : this.renderStandard();
101
+ return this._themes.theme === 'material'
102
+ ? this.renderMaterial()
103
+ : this.renderStandard();
104
104
  }
105
105
  };
106
106
  IgcInputBaseComponent.styles = [styles, shared];
@@ -137,7 +137,6 @@ __decorate([
137
137
  ], IgcInputBaseComponent.prototype, "label", void 0);
138
138
  IgcInputBaseComponent = IgcInputBaseComponent_1 = __decorate([
139
139
  blazorDeepImport,
140
- themes(all, { exposeController: true }),
141
140
  shadowOptions({ delegatesFocus: true })
142
141
  ], IgcInputBaseComponent);
143
142
  export { IgcInputBaseComponent };
@@ -1 +1 @@
1
- {"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcInputComponentEventMap {\n /* alternateName: inputOcurred */\n igcInput: CustomEvent<string>;\n /* blazorSuppress */\n igcChange: CustomEvent<string>;\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n@blazorDeepImport\n@themes(all, { exposeController: true })\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n public static styles = [styles, shared];\n private static readonly increment = createCounter();\n\n protected inputId = `input-${IgcInputBaseComponent.increment()}`;\n\n /* blazorSuppress */\n /** The value attribute of the control. */\n public abstract value: string | Date | null;\n\n @query('input')\n protected input!: HTMLInputElement;\n\n @queryAssignedElements({ slot: 'helper-text' })\n protected _helperText!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'prefix',\n selector: '[slot=\"prefix\"]:not([hidden])',\n })\n protected prefixes!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'suffix',\n selector: '[slot=\"suffix\"]:not([hidden])',\n })\n protected suffixes!: Array<HTMLElement>;\n\n protected get _isMaterial() {\n return getThemeController(this)?.theme === 'material';\n }\n\n /**\n * Whether the control will have outlined appearance.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public outlined = false;\n\n /**\n * Makes the control a readonly field.\n * @attr readonly\n */\n @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n public readOnly = false;\n\n /**\n * The placeholder attribute of the control.\n * @attr\n */\n @property()\n public placeholder!: string;\n\n /**\n * The label for the control.\n * @attr\n */\n @property()\n public label!: string;\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n /* alternateName: focusComponent */\n /** Sets focus on the control. */\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the control. */\n public override blur() {\n this.input.blur();\n }\n\n protected abstract renderInput(): TemplateResult;\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n prefixed: this.prefixes.length > 0,\n suffixed: this.suffixes.length > 0,\n filled: !!this.value,\n };\n }\n\n protected renderFileParts(): TemplateResult | typeof nothing {\n return nothing;\n }\n\n /** Sets the text selection range of the control */\n public setSelectionRange(\n start: number,\n end: number,\n direction: SelectionRangeDirection = 'none'\n ) {\n this.input.setSelectionRange(start, end, direction);\n }\n\n /** Replaces the selected text in the input. */\n public setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: RangeTextSelectMode = 'preserve'\n ) {\n this.input.setRangeText(replacement, start, end, selectMode);\n }\n\n private renderPrefix() {\n return html`<div part=\"prefix\">\n <slot name=\"prefix\"></slot>\n </div>`;\n }\n\n private renderSuffix() {\n return html`<div part=\"suffix\">\n <slot name=\"suffix\"></slot>\n </div>`;\n }\n\n private renderLabel() {\n return this.label\n ? html`<label part=\"label\" for=${this.inputId}> ${this.label} </label>`\n : nothing;\n }\n\n private renderMaterial() {\n return html`\n <div\n part=${partMap({\n ...this.resolvePartNames('container'),\n labelled: !!this.label,\n })}\n >\n <div part=\"start\">${this.renderPrefix()}</div>\n ${this.renderInput()} ${this.renderFileParts()}\n <div part=\"notch\">${this.renderLabel()}</div>\n <div part=\"filler\"></div>\n <div part=\"end\">${this.renderSuffix()}</div>\n </div>\n ${this.renderValidatorContainer()}\n `;\n }\n\n private renderStandard() {\n return html`${this.renderLabel()}\n <div part=${partMap(this.resolvePartNames('container'))}>\n ${this.renderPrefix()} ${this.renderFileParts()} ${this.renderInput()}\n ${this.renderSuffix()}\n </div>\n ${this.renderValidatorContainer()}`;\n }\n\n protected override render() {\n return this._isMaterial ? this.renderMaterial() : this.renderStandard();\n }\n}\n"]}
1
+ {"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { partMap } from '../common/part-map.js';\nimport { createCounter } from '../common/util.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcInputComponentEventMap {\n /* alternateName: inputOcurred */\n igcInput: CustomEvent<string>;\n /* blazorSuppress */\n igcChange: CustomEvent<string>;\n // For analyzer meta only:\n /* skipWCPrefix */\n focus: FocusEvent;\n /* skipWCPrefix */\n blur: FocusEvent;\n}\n\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n public static styles = [styles, shared];\n private static readonly increment = createCounter();\n\n protected readonly _themes = addThemingController(this, all);\n\n protected inputId = `input-${IgcInputBaseComponent.increment()}`;\n\n /* blazorSuppress */\n /** The value attribute of the control. */\n public abstract value: string | Date | null;\n\n @query('input')\n protected input!: HTMLInputElement;\n\n @queryAssignedElements({ slot: 'helper-text' })\n protected _helperText!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'prefix',\n selector: '[slot=\"prefix\"]:not([hidden])',\n })\n protected prefixes!: Array<HTMLElement>;\n\n @queryAssignedElements({\n slot: 'suffix',\n selector: '[slot=\"suffix\"]:not([hidden])',\n })\n protected suffixes!: Array<HTMLElement>;\n\n /**\n * Whether the control will have outlined appearance.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public outlined = false;\n\n /**\n * Makes the control a readonly field.\n * @attr readonly\n */\n @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n public readOnly = false;\n\n /**\n * The placeholder attribute of the control.\n * @attr\n */\n @property()\n public placeholder!: string;\n\n /**\n * The label for the control.\n * @attr\n */\n @property()\n public label!: string;\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n root.addEventListener('slotchange', () => this.requestUpdate());\n return root;\n }\n\n /* alternateName: focusComponent */\n /** Sets focus on the control. */\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the control. */\n public override blur() {\n this.input.blur();\n }\n\n protected abstract renderInput(): TemplateResult;\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected resolvePartNames(base: string) {\n return {\n [base]: true,\n prefixed: this.prefixes.length > 0,\n suffixed: this.suffixes.length > 0,\n filled: !!this.value,\n };\n }\n\n protected renderFileParts(): TemplateResult | typeof nothing {\n return nothing;\n }\n\n /** Sets the text selection range of the control */\n public setSelectionRange(\n start: number,\n end: number,\n direction: SelectionRangeDirection = 'none'\n ) {\n this.input.setSelectionRange(start, end, direction);\n }\n\n /** Replaces the selected text in the input. */\n public setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: RangeTextSelectMode = 'preserve'\n ) {\n this.input.setRangeText(replacement, start, end, selectMode);\n }\n\n private renderPrefix() {\n return html`<div part=\"prefix\">\n <slot name=\"prefix\"></slot>\n </div>`;\n }\n\n private renderSuffix() {\n return html`<div part=\"suffix\">\n <slot name=\"suffix\"></slot>\n </div>`;\n }\n\n private renderLabel() {\n return this.label\n ? html`<label part=\"label\" for=${this.inputId}> ${this.label} </label>`\n : nothing;\n }\n\n private renderMaterial() {\n return html`\n <div\n part=${partMap({\n ...this.resolvePartNames('container'),\n labelled: !!this.label,\n })}\n >\n <div part=\"start\">${this.renderPrefix()}</div>\n ${this.renderInput()} ${this.renderFileParts()}\n <div part=\"notch\">${this.renderLabel()}</div>\n <div part=\"filler\"></div>\n <div part=\"end\">${this.renderSuffix()}</div>\n </div>\n ${this.renderValidatorContainer()}\n `;\n }\n\n private renderStandard() {\n return html`${this.renderLabel()}\n <div part=${partMap(this.resolvePartNames('container'))}>\n ${this.renderPrefix()} ${this.renderFileParts()} ${this.renderInput()}\n ${this.renderSuffix()}\n </div>\n ${this.renderValidatorContainer()}`;\n }\n\n protected override render() {\n return this._themes.theme === 'material'\n ? this.renderMaterial()\n : this.renderStandard();\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled])[invalid]) [part~=input],:host(:not([disabled])[invalid]:focus-within) [part~=input]{border-color:var(--error-secondary-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem));--input-border-color: var(--border-color);--input-height: var(--size)}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled])[invalid]) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled])[invalid]:focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
3
3
  //# sourceMappingURL=input.bootstrap.css.js.map