igniteui-webcomponents 7.3.0 → 7.3.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 (322) hide show
  1. package/CHANGELOG.md +64 -1
  2. package/README.md +30 -0
  3. package/components/avatar/avatar.d.ts +1 -2
  4. package/components/avatar/avatar.js +4 -8
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/avatar/themes/avatar.base.css.js +1 -1
  7. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  8. package/components/badge/badge.d.ts +6 -1
  9. package/components/badge/badge.js +8 -5
  10. package/components/badge/badge.js.map +1 -1
  11. package/components/badge/themes/badge.base.css.js +1 -1
  12. package/components/badge/themes/badge.base.css.js.map +1 -1
  13. package/components/banner/themes/banner.base.css.js +1 -1
  14. package/components/banner/themes/banner.base.css.js.map +1 -1
  15. package/components/banner/themes/shared/banner.indigo.css.js +1 -1
  16. package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
  17. package/components/calendar/base.d.ts +7 -2
  18. package/components/calendar/base.js +8 -3
  19. package/components/calendar/base.js.map +1 -1
  20. package/components/calendar/calendar.d.ts +4 -0
  21. package/components/calendar/calendar.js +41 -14
  22. package/components/calendar/calendar.js.map +1 -1
  23. package/components/calendar/days-view/days-view.d.ts +3 -6
  24. package/components/calendar/days-view/days-view.js +7 -16
  25. package/components/calendar/days-view/days-view.js.map +1 -1
  26. package/components/calendar/helpers.d.ts +13 -0
  27. package/components/calendar/helpers.js +15 -0
  28. package/components/calendar/helpers.js.map +1 -1
  29. package/components/calendar/themes/calendar.base.css.js +1 -1
  30. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  31. package/components/calendar/themes/days-view.base.css.js +1 -1
  32. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  33. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  34. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  35. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  36. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  37. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  38. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  39. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  40. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  41. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  42. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  43. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  44. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  45. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  46. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  47. package/components/card/themes/container.base.css.js +1 -1
  48. package/components/card/themes/container.base.css.js.map +1 -1
  49. package/components/carousel/themes/carousel.base.css.js +1 -1
  50. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  51. package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
  52. package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
  53. package/components/chat/themes/chat.base.css.js +1 -1
  54. package/components/chat/themes/chat.base.css.js.map +1 -1
  55. package/components/chat/themes/message.base.css.js +1 -1
  56. package/components/chat/themes/message.base.css.js.map +1 -1
  57. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  58. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  59. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  60. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  61. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  62. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  63. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  64. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  65. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  66. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  67. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  68. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  69. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  70. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  71. package/components/checkbox/themes/switch.base.css.js +1 -1
  72. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  73. package/components/chip/chip.d.ts +30 -14
  74. package/components/chip/chip.js +54 -48
  75. package/components/chip/chip.js.map +1 -1
  76. package/components/chip/themes/chip.base.css.js +1 -1
  77. package/components/chip/themes/chip.base.css.js.map +1 -1
  78. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  79. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  80. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  81. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  82. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  83. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  84. package/components/chip/themes/dark/chip.material.css.js +1 -1
  85. package/components/chip/themes/dark/chip.material.css.js.map +1 -1
  86. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  87. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  88. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  89. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  90. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  91. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  92. package/components/chip/themes/light/chip.material.css.js +1 -1
  93. package/components/chip/themes/light/chip.material.css.js.map +1 -1
  94. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  95. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  96. package/components/chip/themes/shared/chip.common.css.js +1 -1
  97. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  98. package/components/chip/themes/shared/chip.fluent.css.js +1 -1
  99. package/components/chip/themes/shared/chip.fluent.css.js.map +1 -1
  100. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  101. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  102. package/components/color-picker/color-picker.d.ts +2 -2
  103. package/components/color-picker/color-picker.js.map +1 -1
  104. package/components/color-picker/picker-canvas.js +2 -1
  105. package/components/color-picker/picker-canvas.js.map +1 -1
  106. package/components/color-picker/themes/color-picker.base.css.js +1 -1
  107. package/components/color-picker/themes/color-picker.base.css.js.map +1 -1
  108. package/components/combo/themes/combo-item.base.css.js +1 -1
  109. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  110. package/components/combo/themes/combo.base.css.js +1 -1
  111. package/components/combo/themes/combo.base.css.js.map +1 -1
  112. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  113. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  114. package/components/date-picker/date-picker.base.d.ts +11 -2
  115. package/components/date-picker/date-picker.base.js +8 -3
  116. package/components/date-picker/date-picker.base.js.map +1 -1
  117. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  118. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  119. package/components/date-range-picker/date-range-picker.base.css.js +1 -1
  120. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
  121. package/components/date-range-picker/predefined-ranges-area.base.css.js +1 -1
  122. package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -1
  123. package/components/divider/themes/divider.base.css.js +1 -1
  124. package/components/divider/themes/divider.base.css.js.map +1 -1
  125. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  126. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  127. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  128. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  129. package/components/file-input/themes/file-input.base.css.js +1 -1
  130. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  131. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  132. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  133. package/components/input/themes/shared/input.indigo.css.js +1 -1
  134. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  135. package/components/input/themes/shared/input.material.css.js +1 -1
  136. package/components/input/themes/shared/input.material.css.js.map +1 -1
  137. package/components/list/themes/item.base.css.js +1 -1
  138. package/components/list/themes/item.base.css.js.map +1 -1
  139. package/components/nav-drawer/themes/item.base.css.js +1 -1
  140. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  141. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  142. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  143. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +3 -0
  144. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -0
  145. package/components/progress/themes/linear/themes.js +3 -2
  146. package/components/progress/themes/linear/themes.js.map +1 -1
  147. package/components/qr-code/qr-code.d.ts +28 -1
  148. package/components/qr-code/qr-code.js +56 -13
  149. package/components/qr-code/qr-code.js.map +1 -1
  150. package/components/qr-code/renderer/export.d.ts +28 -0
  151. package/components/qr-code/renderer/export.js +120 -0
  152. package/components/qr-code/renderer/export.js.map +1 -0
  153. package/components/qr-code/types.d.ts +26 -0
  154. package/components/qr-code/types.js.map +1 -1
  155. package/components/radio/themes/radio.base.css.js +1 -1
  156. package/components/radio/themes/radio.base.css.js.map +1 -1
  157. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  158. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  159. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  160. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  161. package/components/resize-container/themes/resize-container.base.css.js +1 -1
  162. package/components/resize-container/themes/resize-container.base.css.js.map +1 -1
  163. package/components/select/themes/select.base.css.js +1 -1
  164. package/components/select/themes/select.base.css.js.map +1 -1
  165. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  166. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  167. package/components/slider/themes/shared/slider.material.css.js +1 -1
  168. package/components/slider/themes/shared/slider.material.css.js.map +1 -1
  169. package/components/slider/themes/slider.base.css.js +1 -1
  170. package/components/slider/themes/slider.base.css.js.map +1 -1
  171. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  172. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  173. package/components/splitter/themes/splitter.base.css.js +1 -1
  174. package/components/splitter/themes/splitter.base.css.js.map +1 -1
  175. package/components/stepper/themes/step/step.base.css.js +1 -1
  176. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  177. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  178. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  179. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  180. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  181. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  182. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  183. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  184. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  185. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
  186. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
  187. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  188. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  189. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  190. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  191. package/components/tabs/themes/tab.base.css.js +1 -1
  192. package/components/tabs/themes/tab.base.css.js.map +1 -1
  193. package/components/textarea/textarea.d.ts +2 -15
  194. package/components/textarea/textarea.js +48 -93
  195. package/components/textarea/textarea.js.map +1 -1
  196. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  197. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  198. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  199. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  200. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  201. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  202. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  203. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  204. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  205. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  206. package/components/tile-manager/position.d.ts +2 -9
  207. package/components/tile-manager/position.js +27 -42
  208. package/components/tile-manager/position.js.map +1 -1
  209. package/components/tile-manager/resize-state.d.ts +11 -22
  210. package/components/tile-manager/resize-state.js +60 -119
  211. package/components/tile-manager/resize-state.js.map +1 -1
  212. package/components/tile-manager/resize-util.d.ts +3 -7
  213. package/components/tile-manager/resize-util.js +65 -72
  214. package/components/tile-manager/resize-util.js.map +1 -1
  215. package/components/tile-manager/serializer.d.ts +1 -1
  216. package/components/tile-manager/serializer.js +9 -10
  217. package/components/tile-manager/serializer.js.map +1 -1
  218. package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
  219. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
  220. package/components/tile-manager/themes/tile.base.css.js +1 -1
  221. package/components/tile-manager/themes/tile.base.css.js.map +1 -1
  222. package/components/tile-manager/tile-ghost-util.js +16 -20
  223. package/components/tile-manager/tile-ghost-util.js.map +1 -1
  224. package/components/tile-manager/tile-manager.d.ts +5 -2
  225. package/components/tile-manager/tile-manager.js +27 -23
  226. package/components/tile-manager/tile-manager.js.map +1 -1
  227. package/components/tile-manager/tile.d.ts +32 -18
  228. package/components/tile-manager/tile.js +181 -161
  229. package/components/tile-manager/tile.js.map +1 -1
  230. package/components/tile-manager/types.d.ts +1 -5
  231. package/components/tile-manager/types.js.map +1 -1
  232. package/components/toast/themes/toast.base.css.js +1 -1
  233. package/components/toast/themes/toast.base.css.js.map +1 -1
  234. package/components/tooltip/themes/tooltip.base.css.js +1 -1
  235. package/components/tooltip/themes/tooltip.base.css.js.map +1 -1
  236. package/components/tree/themes/item.base.css.js +1 -1
  237. package/components/tree/themes/item.base.css.js.map +1 -1
  238. package/components/validation-container/themes/validator.base.css.js +1 -1
  239. package/components/validation-container/themes/validator.base.css.js.map +1 -1
  240. package/components/validation-container/validation-container.d.ts +10 -12
  241. package/components/validation-container/validation-container.js +14 -17
  242. package/components/validation-container/validation-container.js.map +1 -1
  243. package/custom-elements.json +1061 -946
  244. package/igniteui-webcomponents.css-data.json +1 -1
  245. package/igniteui-webcomponents.html-data.json +1 -1
  246. package/index.d.ts +2 -1
  247. package/index.js.map +1 -1
  248. package/internals/definitions/defineAllComponents.js +4 -0
  249. package/internals/definitions/defineAllComponents.js.map +1 -1
  250. package/internals/directives/drag.d.ts +144 -0
  251. package/internals/directives/drag.js +278 -0
  252. package/internals/directives/drag.js.map +1 -0
  253. package/internals/directives/resize.d.ts +109 -0
  254. package/internals/directives/resize.js +214 -0
  255. package/internals/directives/resize.js.map +1 -0
  256. package/internals/templates/input-shell.d.ts +12 -1
  257. package/internals/templates/input-shell.js +17 -10
  258. package/internals/templates/input-shell.js.map +1 -1
  259. package/internals/utils/dom.d.ts +2 -0
  260. package/internals/utils/dom.js +3 -0
  261. package/internals/utils/dom.js.map +1 -1
  262. package/internals/utils/events.d.ts +2 -0
  263. package/internals/utils/events.js +3 -0
  264. package/internals/utils/events.js.map +1 -1
  265. package/package.json +1 -1
  266. package/skills/README.md +1 -0
  267. package/skills/igniteui-wc-generate-from-image-design/references/gotchas.md +21 -0
  268. package/skills/igniteui-wc-integrate-with-framework/SKILL.md +4 -3
  269. package/skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md +14 -0
  270. package/skills/igniteui-wc-migrate-grid-lite-to-premium/SKILL.md +12 -2
  271. package/web-types.json +2 -2
  272. package/components/resize-container/default-ghost.d.ts +0 -5
  273. package/components/resize-container/default-ghost.js +0 -20
  274. package/components/resize-container/default-ghost.js.map +0 -1
  275. package/components/resize-container/resize-container.d.ts +0 -60
  276. package/components/resize-container/resize-container.js +0 -156
  277. package/components/resize-container/resize-container.js.map +0 -1
  278. package/components/resize-container/resize-controller.d.ts +0 -46
  279. package/components/resize-container/resize-controller.js +0 -195
  280. package/components/resize-container/resize-controller.js.map +0 -1
  281. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +0 -3
  282. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +0 -1
  283. package/components/resize-container/themes/dark/resize-indicator.fluent.css.d.ts +0 -1
  284. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +0 -3
  285. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +0 -1
  286. package/components/resize-container/themes/dark/resize-indicator.indigo.css.d.ts +0 -1
  287. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +0 -3
  288. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +0 -1
  289. package/components/resize-container/themes/dark/resize-indicator.material.css.d.ts +0 -1
  290. package/components/resize-container/themes/dark/resize-indicator.material.css.js +0 -3
  291. package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +0 -1
  292. package/components/resize-container/themes/dark/resize-indicator.shared.css.d.ts +0 -1
  293. package/components/resize-container/themes/dark/resize-indicator.shared.css.js +0 -3
  294. package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +0 -1
  295. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.d.ts +0 -1
  296. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +0 -3
  297. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +0 -1
  298. package/components/resize-container/themes/light/resize-indicator.fluent.css.d.ts +0 -1
  299. package/components/resize-container/themes/light/resize-indicator.fluent.css.js +0 -3
  300. package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +0 -1
  301. package/components/resize-container/themes/light/resize-indicator.indigo.css.d.ts +0 -1
  302. package/components/resize-container/themes/light/resize-indicator.indigo.css.js +0 -3
  303. package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +0 -1
  304. package/components/resize-container/themes/light/resize-indicator.material.css.d.ts +0 -1
  305. package/components/resize-container/themes/light/resize-indicator.material.css.js +0 -3
  306. package/components/resize-container/themes/light/resize-indicator.material.css.js.map +0 -1
  307. package/components/resize-container/themes/light/resize-indicator.shared.css.d.ts +0 -1
  308. package/components/resize-container/themes/light/resize-indicator.shared.css.js +0 -3
  309. package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +0 -1
  310. package/components/resize-container/themes/shared/resize-container.common.css.d.ts +0 -1
  311. package/components/resize-container/themes/shared/resize-container.common.css.js +0 -3
  312. package/components/resize-container/themes/shared/resize-container.common.css.js.map +0 -1
  313. package/components/resize-container/themes/themes.d.ts +0 -2
  314. package/components/resize-container/themes/themes.js +0 -47
  315. package/components/resize-container/themes/themes.js.map +0 -1
  316. package/components/resize-container/types.d.ts +0 -40
  317. package/components/resize-container/types.js +0 -2
  318. package/components/resize-container/types.js.map +0 -1
  319. package/internals/controllers/drag.d.ts +0 -166
  320. package/internals/controllers/drag.js +0 -283
  321. package/internals/controllers/drag.js.map +0 -1
  322. /package/components/{resize-container/themes/dark/resize-indicator.bootstrap.css.d.ts → progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tOAA+tO,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--box-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--box-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][data-role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([disabled],[readonly]):focus-within) [part^=container],:host(:not([disabled])[readonly][data-role=combobox]:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([data-haspopup=dialog],[data-role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]:not([disabled])) [part^=container]{background:var(--search-background);box-shadow:var(--search-resting-elevation)}:host([type=search]:not([disabled])) [part^=container]:hover{background:var(--box-background-hover)}:host([type=search]:not([disabled])) [part^=container]:focus-within,:host([type=search]:not([disabled])) [part^=container]:focus-within:hover{background:var(--box-background-focus)}:host([type=search]:not([disabled])):focus-within [part^=container],:host([type=search]:not([disabled])):focus-within:hover [part^=container]{background:var(--box-background-focus)}:host([type=search]:not([disabled])):host [part=prefix] ::slotted(*),:host([type=search]:not([disabled])):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]:not([disabled])) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]:not([disabled])) [part~=prefixed]{padding-inline-start:0}:host([type=search]:not([disabled])) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n "]}
1
+ {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yOAA2yO,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem)}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--affix-padding: max(var(--is-large, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--box-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--box-border-radius);grid-area:1/3}:host [part~=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:not([disabled],[readonly]):hover) [part^=container],:host(:not([disabled])[readonly][data-role=combobox]:hover) [part^=container]{background:var(--box-background-hover);border-color:var(--hover-bottom-line-color)}:host(:not([disabled],[readonly]):focus-within) [part^=container],:host(:not([disabled])[readonly][data-role=combobox]:focus-within) [part^=container]{background:var(--box-background-focus);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([data-haspopup=dialog],[data-role=combobox],[disabled])[readonly]) [part^=container]{border-color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container],:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container],:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part^=container]::after,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part^=container]::after,:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) [part^=container]::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not([disabled],[readonly]):state(ig-invalid):hover) ::part(helper-text),:host(:not([disabled])[data-role=combobox]:state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]:not([disabled])) [part^=container]{background:var(--search-background);box-shadow:var(--search-resting-elevation)}:host([type=search]:not([disabled])) [part^=container]:hover{background:var(--box-background-hover)}:host([type=search]:not([disabled])) [part^=container]:focus-within,:host([type=search]:not([disabled])) [part^=container]:focus-within:hover{background:var(--box-background-focus)}:host([type=search]:not([disabled])):focus-within [part^=container],:host([type=search]:not([disabled])):focus-within:hover [part^=container]{background:var(--box-background-focus)}:host([type=search]:not([disabled])):host [part=prefix] ::slotted(*),:host([type=search]:not([disabled])):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]:not([disabled])) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host([type=search]:not([disabled])) [part~=prefixed]{padding-inline-start:0}:host([type=search]:not([disabled])) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}@media(forced-colors: active){:host [part~=container]::after{content:unset}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [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)}:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part~="input filled"]{--input-text-color: var(--filled-text-color);color:var(--input-text-color)}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) :is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) :is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]) [part=notch]{border:none}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch],:host([outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=label]{transition:none}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=notch]{border-block-start-color:rgba(0,0,0,0) !important}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[data-haspopup=dialog],[data-role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],:disabled,[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled],:disabled)[data-role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}`;
2
+ export const styles = css `:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [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)}:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part~="input filled"]{--input-text-color: var(--filled-text-color);color:var(--input-text-color)}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) :is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) :is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]) [part=notch]{border:none}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch],:host([outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=label]{transition:none}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=notch]{border-block-start-color:rgba(0,0,0,0) !important}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[data-haspopup=dialog],[data-role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],:disabled,[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled],:disabled)[data-role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}@media(forced-colors: active){:host(:not([outlined])) [part~=container] [part=notch]{border-top:none}:host(:not([outlined])) [part~=container]{outline:.0625rem solid CanvasText;border-bottom:none;border-radius:var(--box-border-radius)}:host(:not([outlined])) [part~=container]::after{content:unset}}`;
3
3
  //# sourceMappingURL=input.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ug0BAAug0B,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [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)}:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part~=\"input filled\"]{--input-text-color: var(--filled-text-color);color:var(--input-text-color)}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) :is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) :is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]) [part=notch]{border:none}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch],:host([outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=label]{transition:none}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=notch]{border-block-start-color:rgba(0,0,0,0) !important}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[data-haspopup=dialog],[data-role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],:disabled,[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled],:disabled)[data-role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}`;\n "]}
1
+ {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kz0BAAkz0B,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}:is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [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)}:is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],[part~=filled]+[part=notch] [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)}[part~=input]{background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part~=\"input filled\"]{--input-text-color: var(--filled-text-color);color:var(--input-text-color)}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) :is(input:-moz-placeholder,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) :is(input:placeholder-shown,input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[data-haspopup=dialog],[data-role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[data-haspopup=dialog],[data-role=combobox])[readonly]:focus-within) [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);translate:0 -73%}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],:disabled,[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],:disabled,[outlined])[data-role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]) [part=notch]{border:none}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch],:host([outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]) :is(input[type=date],input[type=time],input[type=datetime-local],input[type=week],input[type=month])+[part=notch] [part=label],:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([data-haspopup=dialog],[data-role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=label]{transition:none}:host([outlined]:is([type=date],[type=time],[type=datetime-local],[type=week],[type=month])) [part=notch]{border-block-start-color:rgba(0,0,0,0) !important}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[data-haspopup=dialog],[data-role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly],[disabled],:disabled)[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled],:disabled)[data-role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch]{border-color:var(--error-secondary-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([data-role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[data-role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[data-role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],:disabled,[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled],:disabled)[data-role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}@media(forced-colors: active){:host(:not([outlined])) [part~=container] [part=notch]{border-top:none}:host(:not([outlined])) [part~=container]{outline:.0625rem solid CanvasText;border-bottom:none;border-radius:var(--box-border-radius)}:host(:not([outlined])) [part~=container]::after{content:unset}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}`;
2
+ export const styles = css `:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}@media(forced-colors: active){:host([selected]),:host([selected]:last-of-type){outline:.0625rem solid Highlight;outline-offset:-0.0625rem}}`;
3
3
  //# sourceMappingURL=item.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gEAA0gE,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}`;\n "]}
1
+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qpEAAqpE,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{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)}@media(forced-colors: active){:host([selected]),:host([selected]:last-of-type){outline:.0625rem solid Highlight;outline-offset:-0.0625rem}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:flex;align-items:center;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;justify-content:flex-start;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:flex;align-items:center;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;justify-content:flex-start;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}@media(forced-colors: active){[part~=base]:hover,[part~=base]:focus-within{outline:.0625rem solid CanvasText;outline-offset:-0.0625rem}:host([active]) [part~=base]{--item-active-icon-color: Highlight;--item-active-text-color: Highlight}}`;
3
3
  //# sourceMappingURL=item.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4kDAA4kD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:flex;align-items:center;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;justify-content:flex-start;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}`;\n "]}
1
+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yzDAAyzD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=base]{display:flex;align-items:center;flex-flow:row nowrap;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:rgba(0,0,0,0);white-space:nowrap;text-decoration:none;border:none;justify-content:flex-start;transition:background .15s ease-out}[part~=base] ::slotted(igc-icon){--ig-size: 3;display:flex;font:inherit}[part=content]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}@media(forced-colors: active){[part~=base]:hover,[part~=base]:focus-within{outline:.0625rem solid CanvasText;outline-offset:-0.0625rem}:host([active]) [part~=base]{--item-active-icon-color: Highlight;--item-active-text-color: Highlight}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--linear-animation-duration: 2000ms;--linear-strips-orientation: -45deg;display:flex;flex-grow:1;width:100%}:host(:dir(rtl)),:host([dir=rtl]){--linear-strips-orientation: 45deg}[part~=base]{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:var(--ig-font-family),serif;position:relative;width:100%;flex:1 1 100%}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl][indeterminate]) [part~=track]{transform:rotateY(180deg)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}[part~=track]{position:relative;width:inherit;overflow:hidden;z-index:0}[part~=fill]{width:calc(var(--_progress-whole, 0)*1%);transition:width var(--_transition-duration) linear;position:relative;height:100%}[part~=fill]:not([part~=indeterminate]){overflow:hidden;animation:igc-initial-width var(--_transition-duration) linear}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){transform:scale3d(0, 1, 1);animation:igc-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{animation:igc-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{animation:igc-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{animation:igc-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]{animation:igc-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;display:block}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) "%"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) "." counter(progress-fraction, decimal-leading-zero) "%"}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{align-self:center}[part~=hidden]{display:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--linear-animation-duration: 2000ms;--linear-strips-orientation: -45deg;display:flex;flex-grow:1;width:100%}:host(:dir(rtl)),:host([dir=rtl]){--linear-strips-orientation: 45deg}[part~=base]{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:var(--ig-font-family),serif;position:relative;width:100%;flex:1 1 100%}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl][indeterminate]) [part~=track]{transform:rotateY(180deg)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}[part~=track]{position:relative;width:inherit;overflow:hidden;z-index:0}[part~=fill]{width:calc(var(--_progress-whole, 0)*1%);transition:width var(--_transition-duration) linear;position:relative;height:100%}[part~=fill]:not([part~=indeterminate]){overflow:hidden;animation:igc-initial-width var(--_transition-duration) linear}[part~=indeterminate],[part~="indeterminate secondary"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~="indeterminate secondary"]::after{content:"";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){transform:scale3d(0, 1, 1);animation:igc-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{animation:igc-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{animation:igc-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{animation:igc-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]{animation:igc-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;display:block}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) "%"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) "." counter(progress-fraction, decimal-leading-zero) "%"}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{align-self:center}[part~=hidden]{display:none}@media(forced-colors: active){:host [part~=track]{outline:.0625rem solid CanvasText}:host [part~=fill]{border:.125rem solid CanvasText}}`;
3
3
  //# sourceMappingURL=linear.progress.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,opTAAopT,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--linear-animation-duration: 2000ms;--linear-strips-orientation: -45deg;display:flex;flex-grow:1;width:100%}:host(:dir(rtl)),:host([dir=rtl]){--linear-strips-orientation: 45deg}[part~=base]{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:var(--ig-font-family),serif;position:relative;width:100%;flex:1 1 100%}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl][indeterminate]) [part~=track]{transform:rotateY(180deg)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}[part~=track]{position:relative;width:inherit;overflow:hidden;z-index:0}[part~=fill]{width:calc(var(--_progress-whole, 0)*1%);transition:width var(--_transition-duration) linear;position:relative;height:100%}[part~=fill]:not([part~=indeterminate]){overflow:hidden;animation:igc-initial-width var(--_transition-duration) linear}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){transform:scale3d(0, 1, 1);animation:igc-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{animation:igc-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{animation:igc-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{animation:igc-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]{animation:igc-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;display:block}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) \"%\"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) \".\" counter(progress-fraction, decimal-leading-zero) \"%\"}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{align-self:center}[part~=hidden]{display:none}`;\n "]}
1
+ {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xTAA4xT,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}@keyframes igc-indeterminate-primary{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.7017, 0.4958);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);transform:translateX(83.671%)}100%{transform:translateX(200.611%)}}@keyframes igc-indeterminate-primary-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.3347, 0.124, 0.7858, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.6614)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-secondary{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:translateX(84.3861%)}100%{transform:translateX(160.2777%)}}@keyframes igc-indeterminate-secondary-scale{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515, 0.4096);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.31, 0.284, 0.8, 0.7337);transform:scaleX(0.4571)}44.15%{animation-timing-function:cubic-bezier(0.4, 0.627, 0.6, 0.902);transform:scaleX(0.727)}100%{transform:scaleX(0.08)}}@keyframes igc-indeterminate-bar-fluent{0%{transform:translateX(-100%);transform-origin:left}100%{transform:translateX(310%);transform-origin:right}}@keyframes igc-indeterminate-bar-fluent-rtl{0%{transform:translateX(100%);transform-origin:right}100%{transform:translateX(-310%);transform-origin:left}}@keyframes igc-indeterminate-accordion{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*2/5)}}@keyframes igc-indeterminate-accordion-rtl{0%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2);stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*9/10)}100%{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*-2/5)}}@keyframes igc-indeterminate-circular-fluent{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(-1*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(990deg)}}@keyframes igc-indeterminate-circular-fluent-rtl{0%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(90deg)}50%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2),calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/2);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-360deg)}100%{stroke-dasharray:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)*.0001),calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)/4);transform:rotate(-990deg)}}@keyframes igc-rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes igc-initial-counter{from{--_progress-integer: 0;--_progress-fraction: 0}}@keyframes igc-initial-width{from{width:0}to{width:calc(var(--_progress-whole, 0)*1%)}}@keyframes igc-initial-dashoffset{from{stroke-dashoffset:calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416)}to{stroke-dashoffset:calc(calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--_progress-percentage)*calc(calc(var(--circular-size) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416))}}:host{--linear-animation-duration: 2000ms;--linear-strips-orientation: -45deg;display:flex;flex-grow:1;width:100%}:host(:dir(rtl)),:host([dir=rtl]){--linear-strips-orientation: 45deg}[part~=base]{display:flex;align-items:center;flex-direction:column;justify-content:center;font-family:var(--ig-font-family),serif;position:relative;width:100%;flex:1 1 100%}:host(:dir(rtl)[indeterminate]) [part~=track],:host([dir=rtl][indeterminate]) [part~=track]{transform:rotateY(180deg)}[part~=label]{display:flex;align-items:center;color:inherit;font-weight:600}[part~=track]{position:relative;width:inherit;overflow:hidden;z-index:0}[part~=fill]{width:calc(var(--_progress-whole, 0)*1%);transition:width var(--_transition-duration) linear;position:relative;height:100%}[part~=fill]:not([part~=indeterminate]){overflow:hidden;animation:igc-initial-width var(--_transition-duration) linear}[part~=indeterminate],[part~=\"indeterminate secondary\"]{width:100% !important;height:inherit;position:absolute;background:rgba(0,0,0,0)}[part~=indeterminate]::after,[part~=\"indeterminate secondary\"]::after{content:\"\";position:absolute;top:0;inset-inline-start:0;width:inherit;height:inherit;backface-visibility:hidden}[part~=indeterminate]:not([part~=secondary]){transform:scale3d(0, 1, 1);animation:igc-indeterminate-primary var(--linear-animation-duration) infinite linear;left:-145.1666%}[part~=indeterminate]:not([part~=secondary])::after{animation:igc-indeterminate-primary-scale var(--linear-animation-duration) infinite linear}[part~=secondary]{animation:igc-indeterminate-secondary var(--linear-animation-duration) infinite linear;left:-54.8888%}[part~=secondary]::after{animation:igc-indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;width:100%;height:inherit}[part~=value]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]{animation:igc-initial-counter var(--_transition-duration) ease-in-out;counter-reset:progress-integer round(down,var(--_progress-integer, 0),1) progress-fraction round(down,var(--_progress-fraction, 0),1);transition:--_progress-integer var(--_transition-duration) ease-in-out,--_progress-fraction var(--_transition-duration) ease-in-out;display:block}[part~=counter]::before{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}[part~=counter]:not([part~=fraction])::before{content:counter(progress-integer) \"%\"}[part~=counter][part~=fraction]::before{content:counter(progress-integer) \".\" counter(progress-fraction, decimal-leading-zero) \"%\"}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{align-self:center}[part~=hidden]{display:none}@media(forced-colors: active){:host [part~=track]{outline:.0625rem solid CanvasText}:host [part~=fill]{border:.125rem solid CanvasText}}`;\n "]}
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `@media(forced-colors: active){:host [part~=fill]{border-width:.5rem}}`;
3
+ //# sourceMappingURL=linear.progress.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/linear/shared/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uEAAuE,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`@media(forced-colors: active){:host [part~=fill]{border-width:.5rem}}`;\n "]}
@@ -9,6 +9,7 @@ import { styles as fluentLight } from './light/linear.progress.fluent.css.js';
9
9
  import { styles as indigoLight } from './light/linear.progress.indigo.css.js';
10
10
  import { styles as materialLight } from './light/linear.progress.material.css.js';
11
11
  import { styles as sharedLight } from './light/linear.progress.shared.css.js';
12
+ import { styles as bootstrap } from './shared/linear.progress.bootstrap.css.js';
12
13
  import { styles as fluent } from './shared/linear.progress.fluent.css.js';
13
14
  import { styles as indigo } from './shared/linear.progress.indigo.css.js';
14
15
  const light = {
@@ -16,7 +17,7 @@ const light = {
16
17
  ${sharedLight}
17
18
  `,
18
19
  bootstrap: css `
19
- ${bootstrapLight}
20
+ ${bootstrap} ${bootstrapLight}
20
21
  `,
21
22
  material: css `
22
23
  ${materialLight}
@@ -33,7 +34,7 @@ const dark = {
33
34
  ${sharedDark}
34
35
  `,
35
36
  bootstrap: css `
36
- ${bootstrapDark}
37
+ ${bootstrap} ${bootstrapDark}
37
38
  `,
38
39
  material: css `
39
40
  ${materialDark}
@@ -1 +1 @@
1
- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/linear.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/linear.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/linear.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/linear.progress.material.css.js';\nimport { styles as sharedDark } from './dark/linear.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/linear.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/linear.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/linear.progress.indigo.css.js';\nimport { styles as materialLight } from './light/linear.progress.material.css.js';\nimport { styles as sharedLight } from './light/linear.progress.shared.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/linear.progress.fluent.css.js';\nimport { styles as indigo } from './shared/linear.progress.indigo.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/linear.progress.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/linear.progress.fluent.css.js';\nimport { styles as indigoDark } from './dark/linear.progress.indigo.css.js';\nimport { styles as materialDark } from './dark/linear.progress.material.css.js';\nimport { styles as sharedDark } from './dark/linear.progress.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/linear.progress.bootstrap.css.js';\nimport { styles as fluentLight } from './light/linear.progress.fluent.css.js';\nimport { styles as indigoLight } from './light/linear.progress.indigo.css.js';\nimport { styles as materialLight } from './light/linear.progress.material.css.js';\nimport { styles as sharedLight } from './light/linear.progress.shared.css.js';\nimport { styles as bootstrap } from './shared/linear.progress.bootstrap.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/linear.progress.fluent.css.js';\nimport { styles as indigo } from './shared/linear.progress.indigo.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,5 +1,5 @@
1
1
  import { LitElement, nothing, type PropertyValues } from 'lit';
2
- import type { QrCornerSquareStyle, QrDotStyle, QrErrorCorrectionLevel } from './types.js';
2
+ import type { QrCodeExportOptions, QrCornerSquareStyle, QrDotStyle, QrErrorCorrectionLevel } from './types.js';
3
3
  /**
4
4
  *
5
5
  * Generates a QR code based on the provided value and options.
@@ -24,6 +24,7 @@ export default class IgcQrCodeComponent extends LitElement {
24
24
  private readonly _abortHandle;
25
25
  private readonly _maskId;
26
26
  private readonly _maskUrl;
27
+ private _logoReady;
27
28
  private _matrixCache?;
28
29
  private _logoAspectRatio;
29
30
  private _logoLoadFailed;
@@ -125,6 +126,32 @@ export default class IgcQrCodeComponent extends LitElement {
125
126
  private _pickErrorLevel;
126
127
  private _getErrorLevelAndArea;
127
128
  private _getMatrix;
129
+ /**
130
+ * Returns a self-contained copy of the rendered SVG with theme colors resolved
131
+ * and the logo inlined. Waits for a pending logo load and render first.
132
+ */
133
+ private _createSnapshot;
134
+ /**
135
+ * Serializes the QR code to an `image/svg+xml` blob.
136
+ *
137
+ * Theme colors are resolved to plain `fill` attributes and a logo that is not a data URI
138
+ * is fetched and inlined, so the blob renders identically outside the component.
139
+ * A logo that cannot be fetched (for example a cross-origin URL without CORS headers) is omitted.
140
+ *
141
+ * Rejects when the component has no `value`.
142
+ */
143
+ toBlob(): Promise<Blob>;
144
+ /**
145
+ * Exports the QR code as an image file.
146
+ *
147
+ * The `scale` option multiplies the `size` of the component: a 256px QR code exported
148
+ * with `scale: 2` produces a 512x512 image. When `download` is `true` the browser
149
+ * download dialog opens for the file.
150
+ *
151
+ * Rejects when the component has no `value`, when `format` is not supported, when `scale`
152
+ * is not a positive finite number, or when the resulting image exceeds the maximum canvas size.
153
+ */
154
+ toImage(options?: QrCodeExportOptions): Promise<File>;
128
155
  protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
129
156
  }
130
157
  declare global {