igniteui-webcomponents 4.8.0 → 4.8.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 (360) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/components/accordion/accordion.js +3 -5
  3. package/components/accordion/accordion.js.map +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  5. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  6. package/components/avatar/themes/dark/avatar.indigo.css.js +1 -1
  7. package/components/avatar/themes/dark/avatar.indigo.css.js.map +1 -1
  8. package/components/avatar/themes/light/avatar.bootstrap.css.js +1 -1
  9. package/components/avatar/themes/light/avatar.bootstrap.css.js.map +1 -1
  10. package/components/avatar/themes/light/avatar.indigo.css.js +1 -1
  11. package/components/avatar/themes/light/avatar.indigo.css.js.map +1 -1
  12. package/components/avatar/themes/light/avatar.shared.css.js +1 -1
  13. package/components/avatar/themes/light/avatar.shared.css.js.map +1 -1
  14. package/components/avatar/themes/shared/avatar.indigo.css.js +1 -1
  15. package/components/avatar/themes/shared/avatar.indigo.css.js.map +1 -1
  16. package/components/badge/themes/shared/badge.indigo.css.js +3 -0
  17. package/components/badge/themes/shared/badge.indigo.css.js.map +1 -0
  18. package/components/badge/themes/themes.js +3 -2
  19. package/components/badge/themes/themes.js.map +1 -1
  20. package/components/button/themes/button/dark/button.bootstrap.css.js +1 -1
  21. package/components/button/themes/button/dark/button.bootstrap.css.js.map +1 -1
  22. package/components/button/themes/button/dark/button.fluent.css.js +1 -1
  23. package/components/button/themes/button/dark/button.fluent.css.js.map +1 -1
  24. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  25. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  26. package/components/button/themes/button/dark/button.material.css.js +1 -1
  27. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  28. package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
  29. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  30. package/components/button/themes/button/light/button.fluent.css.js +1 -1
  31. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  32. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  33. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  34. package/components/button/themes/button/light/button.material.css.js +1 -1
  35. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  36. package/components/button/themes/button/light/button.shared.css.js +1 -1
  37. package/components/button/themes/button/light/button.shared.css.js.map +1 -1
  38. package/components/button/themes/button/shared/button.common.css.js +1 -1
  39. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  40. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  41. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  42. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js +1 -1
  43. package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map +1 -1
  44. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
  45. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  46. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  47. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  48. package/components/button-group/themes/dark/button-group.bootstrap.css.js +1 -1
  49. package/components/button-group/themes/dark/button-group.bootstrap.css.js.map +1 -1
  50. package/components/button-group/themes/dark/button-group.fluent.css.js +1 -1
  51. package/components/button-group/themes/dark/button-group.fluent.css.js.map +1 -1
  52. package/components/button-group/themes/dark/button-group.indigo.css.js +1 -1
  53. package/components/button-group/themes/dark/button-group.indigo.css.js.map +1 -1
  54. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  55. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  56. package/components/button-group/themes/dark/button-group.shared.css.js +1 -1
  57. package/components/button-group/themes/dark/button-group.shared.css.js.map +1 -1
  58. package/components/button-group/themes/light/button-group.bootstrap.css.js +1 -1
  59. package/components/button-group/themes/light/button-group.bootstrap.css.js.map +1 -1
  60. package/components/button-group/themes/light/button-group.fluent.css.js +1 -1
  61. package/components/button-group/themes/light/button-group.fluent.css.js.map +1 -1
  62. package/components/button-group/themes/light/button-group.indigo.css.js +1 -1
  63. package/components/button-group/themes/light/button-group.indigo.css.js.map +1 -1
  64. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  65. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  66. package/components/button-group/themes/light/button-group.shared.css.js +1 -1
  67. package/components/button-group/themes/light/button-group.shared.css.js.map +1 -1
  68. package/components/button-group/themes/shared/button/button.common.css.js +1 -1
  69. package/components/button-group/themes/shared/button/button.common.css.js.map +1 -1
  70. package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
  71. package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
  72. package/components/calendar/calendar.d.ts +1 -1
  73. package/components/calendar/calendar.js +2 -3
  74. package/components/calendar/calendar.js.map +1 -1
  75. package/components/calendar/themes/calendar.base.css.js +1 -1
  76. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  77. package/components/calendar/themes/calendar.js +3 -2
  78. package/components/calendar/themes/calendar.js.map +1 -1
  79. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  80. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  81. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  82. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  83. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  84. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  85. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  86. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  87. package/components/calendar/themes/days-view.base.css.js +1 -1
  88. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  89. package/components/calendar/themes/days.js +3 -2
  90. package/components/calendar/themes/days.js.map +1 -1
  91. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  92. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  93. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  94. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  95. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  96. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  97. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  98. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  99. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  100. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  101. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  102. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  103. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  104. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  105. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  106. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  107. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  108. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  109. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  110. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  111. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  112. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  113. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  114. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  115. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +3 -0
  116. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -0
  117. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +3 -0
  118. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -0
  119. package/components/calendar/themes/shared/material/calendar.material.css.js +3 -0
  120. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -0
  121. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  122. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  123. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  124. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  125. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  126. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  127. package/components/calendar/themes/year-month.js +3 -2
  128. package/components/calendar/themes/year-month.js.map +1 -1
  129. package/components/card/themes/actions.js +7 -0
  130. package/components/card/themes/actions.js.map +1 -1
  131. package/components/card/themes/card.actions.base.css.js +1 -1
  132. package/components/card/themes/card.actions.base.css.js.map +1 -1
  133. package/components/card/themes/card.content.base.css.js +1 -1
  134. package/components/card/themes/card.content.base.css.js.map +1 -1
  135. package/components/card/themes/container.js +7 -5
  136. package/components/card/themes/container.js.map +1 -1
  137. package/components/card/themes/content.js +2 -24
  138. package/components/card/themes/content.js.map +1 -1
  139. package/components/card/themes/dark/card.bootstrap.css.js +1 -1
  140. package/components/card/themes/dark/card.bootstrap.css.js.map +1 -1
  141. package/components/card/themes/dark/card.fluent.css.js +1 -1
  142. package/components/card/themes/dark/card.fluent.css.js.map +1 -1
  143. package/components/card/themes/dark/card.indigo.css.js +1 -1
  144. package/components/card/themes/dark/card.indigo.css.js.map +1 -1
  145. package/components/card/themes/dark/card.material.css.js +1 -1
  146. package/components/card/themes/dark/card.material.css.js.map +1 -1
  147. package/components/card/themes/dark/card.shared.css.js +3 -0
  148. package/components/card/themes/dark/card.shared.css.js.map +1 -0
  149. package/components/card/themes/header.js +7 -16
  150. package/components/card/themes/header.js.map +1 -1
  151. package/components/card/themes/light/container/card.indigo.css.js +1 -1
  152. package/components/card/themes/light/container/card.indigo.css.js.map +1 -1
  153. package/components/card/themes/shared/actions/card.actions.indigo.css.js +3 -0
  154. package/components/card/themes/shared/actions/card.actions.indigo.css.js.map +1 -0
  155. package/components/card/themes/shared/container/card.indigo.css.js +3 -0
  156. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -0
  157. package/components/card/themes/shared/header/card.header.indigo.css.js +3 -0
  158. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -0
  159. package/components/checkbox/checkbox-base.d.ts +7 -3
  160. package/components/checkbox/checkbox-base.js +25 -10
  161. package/components/checkbox/checkbox-base.js.map +1 -1
  162. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js +1 -1
  163. package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js.map +1 -1
  164. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  165. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  166. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js +1 -1
  167. package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map +1 -1
  168. package/components/checkbox/themes/dark/switch/switch.indigo.css.js +1 -1
  169. package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map +1 -1
  170. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js +1 -1
  171. package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map +1 -1
  172. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  173. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  174. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js +1 -1
  175. package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map +1 -1
  176. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  177. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  178. package/components/checkbox/themes/light/switch/switch.indigo.css.js +1 -1
  179. package/components/checkbox/themes/light/switch/switch.indigo.css.js.map +1 -1
  180. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  181. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  182. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  183. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  184. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  185. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  186. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  187. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  188. package/components/common/mixins/combo-box.js +1 -1
  189. package/components/common/mixins/combo-box.js.map +1 -1
  190. package/components/common/mixins/form-associated.js +5 -9
  191. package/components/common/mixins/form-associated.js.map +1 -1
  192. package/components/common/util.d.ts +2 -0
  193. package/components/common/util.js +9 -0
  194. package/components/common/util.js.map +1 -1
  195. package/components/date-time-input/date-time-input.js +5 -4
  196. package/components/date-time-input/date-time-input.js.map +1 -1
  197. package/components/dialog/dialog.d.ts +7 -0
  198. package/components/dialog/dialog.js +17 -4
  199. package/components/dialog/dialog.js.map +1 -1
  200. package/components/dialog/themes/dark/dialog.indigo.css.js +1 -1
  201. package/components/dialog/themes/dark/dialog.indigo.css.js.map +1 -1
  202. package/components/dialog/themes/dialog.base.css.js +1 -1
  203. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  204. package/components/dialog/themes/light/dialog.indigo.css.js +1 -1
  205. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -1
  206. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  207. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  208. package/components/dropdown/dropdown.js +3 -3
  209. package/components/dropdown/dropdown.js.map +1 -1
  210. package/components/dropdown/themes/dark/dropdown.indigo.css.js +1 -1
  211. package/components/dropdown/themes/dark/dropdown.indigo.css.js.map +1 -1
  212. package/components/dropdown/themes/light/dropdown.indigo.css.js +1 -1
  213. package/components/dropdown/themes/light/dropdown.indigo.css.js.map +1 -1
  214. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js +1 -1
  215. package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js.map +1 -1
  216. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js +1 -1
  217. package/components/expansion-panel/themes/dark/expansion-panel.fluent.css.js.map +1 -1
  218. package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js +1 -1
  219. package/components/expansion-panel/themes/dark/expansion-panel.indigo.css.js.map +1 -1
  220. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js +1 -1
  221. package/components/expansion-panel/themes/dark/expansion-panel.material.css.js.map +1 -1
  222. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js +1 -1
  223. package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map +1 -1
  224. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js +1 -1
  225. package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map +1 -1
  226. package/components/expansion-panel/themes/light/expansion-panel.shared.css.js +1 -1
  227. package/components/expansion-panel/themes/light/expansion-panel.shared.css.js.map +1 -1
  228. package/components/expansion-panel/themes/shared/expansion-panel.common.css.js +1 -1
  229. package/components/expansion-panel/themes/shared/expansion-panel.common.css.js.map +1 -1
  230. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
  231. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
  232. package/components/icon/themes/dark/icon.indigo.css.js +1 -1
  233. package/components/icon/themes/dark/icon.indigo.css.js.map +1 -1
  234. package/components/icon/themes/light/icon.indigo.css.js +1 -1
  235. package/components/icon/themes/light/icon.indigo.css.js.map +1 -1
  236. package/components/input/themes/dark/input.indigo.css.js +1 -1
  237. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  238. package/components/input/themes/light/input.indigo.css.js +1 -1
  239. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  240. package/components/input/themes/light/input.shared.css.js +1 -1
  241. package/components/input/themes/light/input.shared.css.js.map +1 -1
  242. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  243. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  244. package/components/input/themes/shared/input.common.css.js +1 -1
  245. package/components/input/themes/shared/input.common.css.js.map +1 -1
  246. package/components/input/themes/shared/input.fluent.css.js +1 -1
  247. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  248. package/components/input/themes/shared/input.indigo.css.js +1 -1
  249. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  250. package/components/input/themes/shared/input.material.css.js +1 -1
  251. package/components/input/themes/shared/input.material.css.js.map +1 -1
  252. package/components/list/themes/shared/item/list-item.bootstrap.css.js +1 -1
  253. package/components/list/themes/shared/item/list-item.bootstrap.css.js.map +1 -1
  254. package/components/nav-drawer/themes/item.js +7 -0
  255. package/components/nav-drawer/themes/item.js.map +1 -1
  256. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +3 -0
  257. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -0
  258. package/components/radio/radio.d.ts +7 -3
  259. package/components/radio/radio.js +25 -14
  260. package/components/radio/radio.js.map +1 -1
  261. package/components/radio/themes/dark/radio.bootstrap.css.js +1 -1
  262. package/components/radio/themes/dark/radio.bootstrap.css.js.map +1 -1
  263. package/components/radio/themes/dark/radio.fluent.css.js +1 -1
  264. package/components/radio/themes/dark/radio.fluent.css.js.map +1 -1
  265. package/components/radio/themes/dark/radio.indigo.css.js +1 -1
  266. package/components/radio/themes/dark/radio.indigo.css.js.map +1 -1
  267. package/components/radio/themes/dark/radio.material.css.js +1 -1
  268. package/components/radio/themes/dark/radio.material.css.js.map +1 -1
  269. package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
  270. package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
  271. package/components/radio/themes/light/radio.indigo.css.js +1 -1
  272. package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
  273. package/components/radio/themes/light/radio.shared.css.js +1 -1
  274. package/components/radio/themes/light/radio.shared.css.js.map +1 -1
  275. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  276. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  277. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  278. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  279. package/components/radio/utils.js +1 -1
  280. package/components/radio/utils.js.map +1 -1
  281. package/components/radio-group/radio-group.indigo.css.d.ts +1 -0
  282. package/components/radio-group/radio-group.indigo.css.js +3 -0
  283. package/components/radio-group/radio-group.indigo.css.js.map +1 -0
  284. package/components/radio-group/radio-group.js +5 -1
  285. package/components/radio-group/radio-group.js.map +1 -1
  286. package/components/rating/rating.js.map +1 -1
  287. package/components/select/select.js +3 -3
  288. package/components/select/select.js.map +1 -1
  289. package/components/select/themes/dark/select.indigo.css.js +1 -1
  290. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  291. package/components/select/themes/light/select.indigo.css.js +1 -1
  292. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  293. package/components/slider/slider.js.map +1 -1
  294. package/components/slider/themes/slider.base.css.js +1 -1
  295. package/components/slider/themes/slider.base.css.js.map +1 -1
  296. package/components/snackbar/themes/dark/snackbar.indigo.css.js +1 -1
  297. package/components/snackbar/themes/dark/snackbar.indigo.css.js.map +1 -1
  298. package/components/snackbar/themes/light/snackbar.indigo.css.js +1 -1
  299. package/components/snackbar/themes/light/snackbar.indigo.css.js.map +1 -1
  300. package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
  301. package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
  302. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  303. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  304. package/components/stepper/themes/step/step.base.css.js +1 -1
  305. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  306. package/components/tabs/tabs.js +8 -8
  307. package/components/tabs/tabs.js.map +1 -1
  308. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  309. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  310. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  311. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  312. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  313. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  314. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  315. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  316. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  317. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  318. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  319. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  320. package/components/textarea/themes/textarea.base.css.js +1 -1
  321. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  322. package/components/tree/tree-item.js +5 -4
  323. package/components/tree/tree-item.js.map +1 -1
  324. package/custom-elements.json +465 -280
  325. package/package.json +1 -1
  326. package/themes/dark/bootstrap.css +1 -1
  327. package/themes/dark/fluent.css +1 -1
  328. package/themes/dark/indigo.css +1 -1
  329. package/themes/dark/material.css +1 -1
  330. package/themes/light/bootstrap.css +1 -1
  331. package/themes/light/fluent.css +1 -1
  332. package/themes/light/indigo.css +1 -1
  333. package/themes/light/material.css +1 -1
  334. package/components/calendar/themes/shared/material/calendar.common.css.js +0 -3
  335. package/components/calendar/themes/shared/material/calendar.common.css.js.map +0 -1
  336. package/components/card/themes/light/content/card.content.bootstrap.css.js +0 -3
  337. package/components/card/themes/light/content/card.content.bootstrap.css.js.map +0 -1
  338. package/components/card/themes/light/content/card.content.fluent.css.js +0 -3
  339. package/components/card/themes/light/content/card.content.fluent.css.js.map +0 -1
  340. package/components/card/themes/light/content/card.content.indigo.css.js +0 -3
  341. package/components/card/themes/light/content/card.content.indigo.css.js.map +0 -1
  342. package/components/card/themes/light/content/card.content.material.css.js +0 -3
  343. package/components/card/themes/light/content/card.content.material.css.js.map +0 -1
  344. package/components/card/themes/light/header/card.header.bootstrap.css.js +0 -3
  345. package/components/card/themes/light/header/card.header.bootstrap.css.js.map +0 -1
  346. package/components/card/themes/light/header/card.header.fluent.css.js +0 -3
  347. package/components/card/themes/light/header/card.header.fluent.css.js.map +0 -1
  348. package/components/card/themes/light/header/card.header.indigo.css.js +0 -3
  349. package/components/card/themes/light/header/card.header.indigo.css.js.map +0 -1
  350. package/components/card/themes/light/header/card.header.material.css.js +0 -3
  351. package/components/card/themes/light/header/card.header.material.css.js.map +0 -1
  352. /package/components/{calendar/themes/shared/material/calendar.common.css.d.ts → badge/themes/shared/badge.indigo.css.d.ts} +0 -0
  353. /package/components/{card/themes/light/content/card.content.bootstrap.css.d.ts → calendar/themes/shared/indigo/days-view.indigo.css.d.ts} +0 -0
  354. /package/components/{card/themes/light/content/card.content.fluent.css.d.ts → calendar/themes/shared/indigo/year-month-view.indigo.css.d.ts} +0 -0
  355. /package/components/{card/themes/light/content/card.content.indigo.css.d.ts → calendar/themes/shared/material/calendar.material.css.d.ts} +0 -0
  356. /package/components/card/themes/{light/content/card.content.material.css.d.ts → dark/card.shared.css.d.ts} +0 -0
  357. /package/components/card/themes/{light/header/card.header.bootstrap.css.d.ts → shared/actions/card.actions.indigo.css.d.ts} +0 -0
  358. /package/components/card/themes/{light/header/card.header.fluent.css.d.ts → shared/container/card.indigo.css.d.ts} +0 -0
  359. /package/components/card/themes/{light → shared}/header/card.header.indigo.css.d.ts +0 -0
  360. /package/components/{card/themes/light/header/card.header.material.css.d.ts → nav-drawer/themes/shared/item/item.bootstrap.css.d.ts} +0 -0
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;
2
+ export const styles = css `:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;
3
3
  //# sourceMappingURL=textarea.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+7KAA+7K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"textarea.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mqLAAmqL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-textarea-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-textarea-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-textarea-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-textarea-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-textarea-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-textarea-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-textarea-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-textarea-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-textarea-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-textarea-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=helper-text]{color:var(--helper-text-color)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [part~=helper-text]{color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) [part~=helper-text],:host([disabled]) [part~=helper-text]{color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;
2
+ export const styles = css `[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=helper-text]{color:var(--helper-text-color)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host(:hover) textarea::-webkit-input-placeholder, :host(:focus) textarea::-webkit-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea:-ms-input-placeholder, :host(:focus) textarea:-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::-ms-input-placeholder, :host(:focus) textarea::-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [part~=helper-text]{color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) [part~=helper-text],:host([disabled]) [part~=helper-text]{color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;
3
3
  //# sourceMappingURL=textarea.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.common.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyEAAqyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=helper-text]{color:var(--helper-text-color)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [part~=helper-text]{color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) [part~=helper-text],:host([disabled]) [part~=helper-text]{color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;\n"]}
1
+ {"version":3,"file":"textarea.common.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s5FAAs5F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=prefixed] [part~=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part~=suffixed] [part~=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=filled] [part~=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part~=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=helper-text]{color:var(--helper-text-color)}[part~=label]{color:var(--idle-secondary-color)}textarea{background:rgba(0,0,0,0);color:var(--filled-text-color)}textarea::-webkit-input-placeholder{color:var(--placeholder-color)}textarea::-moz-placeholder{color:var(--placeholder-color)}textarea:-ms-input-placeholder{color:var(--placeholder-color)}textarea::-ms-input-placeholder{color:var(--placeholder-color)}textarea::placeholder{color:var(--placeholder-color)}:host(:hover) textarea::-webkit-input-placeholder, :host(:focus) textarea::-webkit-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::-moz-placeholder, :host(:focus) textarea::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea:-ms-input-placeholder, :host(:focus) textarea:-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::-ms-input-placeholder, :host(:focus) textarea::-ms-input-placeholder{color:var(--hover-placeholder-color)}:host(:hover) textarea::placeholder,:host(:focus) textarea::placeholder{color:var(--hover-placeholder-color)}:host([invalid]:not(:disabled)) [part~=helper-text],:host([invalid]:not([disabled])) [part~=helper-text]{color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){color:var(--disabled-text-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{color:var(--disabled-text-color);background:inherit}:host(:disabled) [part~=helper-text],:host([disabled]) [part~=helper-text]{color:var(--disabled-text-color)}:host(:disabled) textarea,:host([disabled]) textarea{color:var(--disabled-text-color)}:host(:disabled) textarea::-webkit-input-placeholder, :host([disabled]) textarea::-webkit-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-moz-placeholder, :host([disabled]) textarea::-moz-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea:-ms-input-placeholder, :host([disabled]) textarea:-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::-ms-input-placeholder, :host([disabled]) textarea::-ms-input-placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) textarea::placeholder,:host([disabled]) textarea::placeholder{color:var(--disabled-placeholder-color)}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--disabled-text-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host(:hover) [part~=container]{background:var(--box-background-hover)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container]{background:var(--box-background-hover)}:host(:focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=label]{display:block;font-size:.875rem;font-weight:600;position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-top:0;height:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);-webkit-transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;-webkit-padding-start:0;padding-inline-start:0;height:calc(100% - 0.125rem);top:.0625rem}[part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{padding-block:.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{-webkit-padding-start:.25rem;padding-inline-start:.25rem}[part~=suffixed] textarea{-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.375rem;padding-block-start:.375rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{-webkit-border-after:.0625rem solid var(--error-secondary-color);border-block-end:.0625rem solid var(--error-secondary-color)}:host([invalid]:not(:disabled):focus-within) [part~=container]::after,:host([invalid]:not([disabled]):focus-within) [part~=container]::after{border-block-end-width:.125rem}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;
2
+ export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-size));--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host(:hover) [part~=container]{background:var(--box-background-hover)}:host(:hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-top:0;height:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);-webkit-transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;-webkit-padding-start:0;padding-inline-start:0;height:calc(100% - 0.125rem);top:.0625rem}[part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-margin-after:.0625rem;margin-block-end:.0625rem}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{-webkit-padding-start:0;padding-inline-start:0}[part~=suffixed] textarea{-webkit-padding-end:0;padding-inline-end:0}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.25rem;padding-block-start:.25rem}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([invalid]:not(:disabled)) [part~=container],:host([invalid]:not([disabled])) [part~=container]{caret-color:initial}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{-webkit-border-after:.0625rem solid var(--error-secondary-color);border-block-end:.0625rem solid var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;
3
3
  //# sourceMappingURL=textarea.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/HAAy/H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host(:hover) [part~=container]{background:var(--box-background-hover)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container]{background:var(--box-background-hover)}:host(:focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=label]{display:block;font-size:.875rem;font-weight:600;position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-top:0;height:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);-webkit-transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;-webkit-padding-start:0;padding-inline-start:0;height:calc(100% - 0.125rem);top:.0625rem}[part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{padding-block:.5rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{-webkit-padding-start:.25rem;padding-inline-start:.25rem}[part~=suffixed] textarea{-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.375rem;padding-block-start:.375rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{-webkit-border-after:.0625rem solid var(--error-secondary-color);border-block-end:.0625rem solid var(--error-secondary-color)}:host([invalid]:not(:disabled):focus-within) [part~=container]::after,:host([invalid]:not([disabled]):focus-within) [part~=container]::after{border-block-end-width:.125rem}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;\n"]}
1
+ {"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/KAAq/K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-size));--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host(:hover) [part~=container]{background:var(--box-background-hover)}:host(:hover) [part~=container]::after{border-color:var(--hover-bottom-line-color)}:host(:hover) textarea{color:var(--filled-text-hover-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=container]{background:var(--box-background-hover);caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part~=container]::after{border-block-end-color:var(--focused-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:focus-within) textarea{color:var(--focused-text-color)}[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);display:block;position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;margin-top:0;height:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=container]{border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);-webkit-transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background .25s cubic-bezier(0.215, 0.61, 0.355, 1);overflow:hidden;-webkit-padding-start:0;padding-inline-start:0;height:calc(100% - 0.125rem);top:.0625rem}[part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}textarea{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);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, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-margin-after:.0625rem;margin-block-end:.0625rem}[part~=filled] [part~=input]{color:var(--filled-text-color)}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=prefixed] textarea{-webkit-padding-start:0;padding-inline-start:0}[part~=suffixed] textarea{-webkit-padding-end:0;padding-inline-end:0}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.25rem;padding-block-start:.25rem}[part~=prefixed] [part~=prefix]{border-start-start-radius:var(--border-border-radius)}[part~=suffixed] [part~=suffix]{border-start-end-radius:var(--border-border-radius)}[part~=prefixed] [part~=prefix],[part~=suffixed] [part~=suffix]{height:calc(100% - 0.0625rem)}:host([invalid]:not(:disabled)) [part~=container],:host([invalid]:not([disabled])) [part~=container]{caret-color:initial}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{-webkit-border-after:.0625rem solid var(--error-secondary-color);border-block-end:.0625rem solid var(--error-secondary-color)}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{background:rgba(0,0,0,0)}:host(:disabled) [part~=container]::after,:host([disabled]) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-size))}textarea{border:none;padding:0;overflow:auto;-webkit-margin-before:1.25rem;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background)}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part~=label]{position:absolute;max-width:100%;-webkit-padding-end:.25rem;padding-inline-end:.25rem;line-height:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);top:calc(1.25rem/4);font-size:.75rem}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.3125rem;padding-block-start:.3125rem;-webkit-padding-start:1rem;padding-inline-start:1rem}:host([outlined]){-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part~=label]{top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-margin-after:auto;margin-block-end:auto;-webkit-padding-end:0;padding-inline-end:0;display:inline-block;position:relative;background:rgba(0,0,0,0)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block-start-color:rgba(0,0,0,0);-webkit-border-after:.0625rem solid var(--border-color);border-block-end:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
2
+ export const styles = css `:host{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);--component-size: var(--ig-size, var(--default-size))}textarea{border:none;padding:0;overflow:auto;-webkit-margin-before:1.25rem;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);-webkit-padding-end:.0625rem;padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{-webkit-margin-after:.125rem;margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part~=label]{position:absolute;max-width:100%;-webkit-padding-end:.25rem;padding-inline-end:.25rem;line-height:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);top:calc(1.25rem/4);font-size:.75rem}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.3125rem;padding-block-start:.3125rem;-webkit-padding-start:1rem;padding-inline-start:1rem}:host([outlined]){-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part~=label]{top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-margin-after:auto;margin-block-end:auto;-webkit-padding-end:0;padding-inline-end:0;display:inline-block;position:relative;background:rgba(0,0,0,0)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block-start-color:rgba(0,0,0,0);-webkit-border-after:.0625rem solid var(--border-color);border-block-end:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
3
3
  //# sourceMappingURL=textarea.material.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6qTAA6qT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-size))}textarea{border:none;padding:0;overflow:auto;-webkit-margin-before:1.25rem;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background)}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part~=label]{position:absolute;max-width:100%;-webkit-padding-end:.25rem;padding-inline-end:.25rem;line-height:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);top:calc(1.25rem/4);font-size:.75rem}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.3125rem;padding-block-start:.3125rem;-webkit-padding-start:1rem;padding-inline-start:1rem}:host([outlined]){-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part~=label]{top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-margin-after:auto;margin-block-end:auto;-webkit-padding-end:0;padding-inline-end:0;display:inline-block;position:relative;background:rgba(0,0,0,0)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block-start-color:rgba(0,0,0,0);-webkit-border-after:.0625rem solid var(--border-color);border-block-end:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}
1
+ {"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/TAAq/T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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);--component-size: var(--ig-size, var(--default-size))}textarea{border:none;padding:0;overflow:auto;-webkit-margin-before:1.25rem;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);-webkit-padding-end:.0625rem;padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;-webkit-border-after:.0625rem solid var(--idle-bottom-line-color);border-block-end:.0625rem solid var(--idle-bottom-line-color);-webkit-transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{-webkit-margin-after:.125rem;margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part~=label]{position:absolute;max-width:100%;-webkit-padding-end:.25rem;padding-inline-end:.25rem;line-height:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);top:calc(1.25rem/4);font-size:.75rem}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}[part~=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);-webkit-padding-before:.3125rem;padding-block-start:.3125rem;-webkit-padding-start:1rem;padding-inline-start:1rem}:host([outlined]){-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;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([outlined]) [part~=label]{top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-margin-after:auto;margin-block-end:auto;-webkit-padding-end:0;padding-inline-end:0;display:inline-block;position:relative;background:rgba(0,0,0,0)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block-start-color:rgba(0,0,0,0);-webkit-border-after:.0625rem solid var(--border-color);border-block-end:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;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]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;-webkit-padding-start:0;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-webkit-input-placeholder{opacity:1;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea:-ms-input-placeholder{opacity:1;line-height:normal}textarea::-ms-input-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type="*"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part~=helper-text]>*{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=helper-text]>*:last-child{-webkit-margin-end:0;margin-inline-end:0}[part~=helper-text] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:"*";font-size:inherit;vertical-align:top;-webkit-margin-start:.125rem;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;-webkit-padding-start:0;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-webkit-input-placeholder{opacity:1;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea:-ms-input-placeholder{opacity:1;line-height:normal}textarea::-ms-input-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type="*"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part~=helper-text]>*{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=helper-text]>*:last-child{-webkit-margin-end:0;margin-inline-end:0}[part~=helper-text] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:"*";font-size:inherit;vertical-align:top;-webkit-margin-start:.125rem;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;
3
3
  //# sourceMappingURL=textarea.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qpJAAqpJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;-webkit-padding-start:0;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-webkit-input-placeholder{opacity:1;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea:-ms-input-placeholder{opacity:1;line-height:normal}textarea::-ms-input-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type=\"*\"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part~=helper-text]>*{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=helper-text]>*:last-child{-webkit-margin-end:0;margin-inline-end:0}[part~=helper-text] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:\"*\";font-size:inherit;vertical-align:top;-webkit-margin-start:.125rem;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;\n"]}
1
+ {"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yqJAAyqJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{--textarea-height: max(var(--is-large, 1) * max(82px, -1 * 82px), var(--is-medium, 1) * max(69.0526315789px, -1 * 69.0526315789px), var(--is-small, 1) * max(59.6363636364px, -1 * 59.6363636364px));--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:normal}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem;min-height:var(--textarea-height)}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:1.25rem .375rem;-webkit-padding-start:0;padding-inline-start:0;width:100%;min-width:0;min-height:var(--textarea-height);height:auto;outline-style:none;-webkit-box-shadow:none;box-shadow:none;overflow:auto;text-overflow:ellipsis;line-height:normal}textarea::-webkit-input-placeholder{opacity:1;line-height:normal}textarea::-moz-placeholder{opacity:1;line-height:normal}textarea:-ms-input-placeholder{opacity:1;line-height:normal}textarea::-ms-input-placeholder{opacity:1;line-height:normal}textarea::placeholder{opacity:1;line-height:normal}textarea:not([type=\"*\"]){line-height:normal}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));-webkit-transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part~=helper-text]>*{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=helper-text]>*:last-child{-webkit-margin-end:0;margin-inline-end:0}[part~=helper-text] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:\"*\";font-size:inherit;vertical-align:top;-webkit-margin-start:.125rem;margin-inline-start:.125rem;display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;\n"]}
@@ -17,7 +17,7 @@ import IgcCheckboxComponent from '../checkbox/checkbox.js';
17
17
  import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
18
18
  import { watch } from '../common/decorators/watch.js';
19
19
  import { registerComponent } from '../common/definitions/register.js';
20
- import { isLTR, partNameMap } from '../common/util.js';
20
+ import { findElementFromEventPath, isLTR, partNameMap, } from '../common/util.js';
21
21
  import IgcIconComponent from '../icon/icon.js';
22
22
  import IgcCircularProgressComponent from '../progress/circular-progress.js';
23
23
  let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
@@ -138,7 +138,7 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
138
138
  };
139
139
  }
140
140
  get directChildren() {
141
- return this.allChildren.filter((x) => (x.parent ?? x.parentElement?.closest('igc-tree-item'))?.isSameNode(this));
141
+ return this.allChildren.filter((x) => (x.parent ?? x.parentElement?.closest('igc-tree-item')) === this);
142
142
  }
143
143
  get allChildren() {
144
144
  return Array.from(this.querySelectorAll(`igc-tree-item`));
@@ -147,7 +147,8 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
147
147
  return this.parent?.path ? [...this.parent.path, this] : [this];
148
148
  }
149
149
  itemClick(event) {
150
- if (this.disabled) {
150
+ if (this.disabled ||
151
+ this !== findElementFromEventPath(this.tagName, event)) {
151
152
  return;
152
153
  }
153
154
  this.tabIndex = 0;
@@ -159,7 +160,7 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
159
160
  this.expandWithEvent();
160
161
  }
161
162
  }
162
- this.navService?.setFocusedAndActiveItem(this, true, false);
163
+ this.navService?.setFocusedAndActiveItem(this, true, true);
163
164
  }
164
165
  expandIndicatorClick() {
165
166
  if (this.disabled) {
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item.common.css.js';\nimport type IgcTreeComponent from './tree.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isLTR, partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCircularProgressComponent from '../progress/circular-progress.js';\n\n/**\n * The tree-item component represents a child item of the tree component or another tree item.\n *\n * @element igc-tree-item\n *\n * @slot - Renders nested tree-item component.\n * @slot label - Renders the tree item container.\n * @slot indicator - Renders the expand indicator container.\n * @slot loading - Renders the tree item loading indicator container.\n * @slot indentation - Renders the container (by default the space) before the tree item.\n *\n * @csspart wrapper - The wrapper for the tree item.\n * @csspart selected - Indicates selected state. Applies to `wrapper`.\n * @csspart focused - Indicates focused state. Applies to `wrapper`.\n * @csspart active - Indicates an active state. Applies to `wrapper`.\n * @csspart indicator - The expand indicator of the tree item.\n * @csspart label - The tree item content.\n * @csspart text - The tree item displayed text.\n * @csspart select - The checkbox of the tree item when selection is enabled.\n */\n@themes(all, true)\nexport default class IgcTreeItemComponent extends LitElement {\n public static readonly tagName = 'igc-tree-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n this,\n IgcIconComponent,\n IgcCheckboxComponent,\n IgcCircularProgressComponent\n );\n }\n\n private tabbableEl?: HTMLElement[];\n private focusedProgrammatically = false;\n\n private groupRef: Ref<HTMLElement> = createRef();\n\n private animationPlayer = addAnimationController(this, this.groupRef);\n\n /** A reference to the tree the item is a part of. */\n @blazorSuppress()\n public tree?: IgcTreeComponent;\n /** The parent item of the current tree item (if any) */\n public parent: IgcTreeItemComponent | null = null;\n\n /** @private */\n @blazorSuppress()\n public init = false;\n\n @queryAssignedElements({ slot: 'label', flatten: true })\n private contentList!: Array<HTMLElement>;\n\n /** @private */\n @query('#wrapper')\n @blazorSuppress()\n public wrapper!: HTMLElement;\n\n @state()\n private isFocused = false;\n\n /** @private */\n @state()\n @blazorSuppress()\n public hasChildren = false;\n\n /** The depth of the item, relative to the root. */\n @state()\n public level = 0;\n\n /** @private */\n @state()\n @blazorSuppress()\n public indeterminate = false;\n\n /**\n * The tree item label.\n * @attr\n */\n @property()\n public label = '';\n\n /**\n * The tree item expansion state.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public expanded = false;\n\n /**\n * Marks the item as the tree's active item.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public active = false;\n\n /**\n * Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public disabled = false;\n\n /**\n * The tree item selection state.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public selected = false;\n\n /**\n * To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public loading = false;\n\n /**\n * The value entry that the tree item is visualizing. Required for searching through items.\n * @type any\n * @attr\n */\n @property({ attribute: true })\n public value: any = undefined;\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? growVerIn : growVerOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n @watch('expanded', { waitUntilFirstUpdate: true })\n @watch('hasChildren', { waitUntilFirstUpdate: true })\n protected bothChange(): void {\n if (this.hasChildren) {\n this.setAttribute('aria-expanded', this.expanded.toString());\n } else {\n this.removeAttribute('aria-expanded');\n }\n }\n\n @watch('expanded')\n protected expandedChange(oldValue: boolean): void {\n // always update the visible cache\n this.navService?.update_visible_cache(this, this.expanded);\n if (!oldValue) {\n return;\n }\n // await for load on demand children\n Promise.resolve().then(() => {\n if (this.navService?.focusedItem !== this && !this.isFocused) {\n this.navService?.focusedItem?.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n }\n });\n }\n\n @watch('active', { waitUntilFirstUpdate: true })\n protected activeChange(): void {\n if ((this.active && this.navService?.activeItem === this) || !this.active) {\n return;\n }\n if (this.navService) {\n this.navService.setActiveItem(this, false);\n }\n // Expand and scroll to the newly active item\n this.tree?.expandToItem(this);\n // Await for expanding\n Promise.resolve().then(() => {\n this.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n });\n }\n\n @watch('disabled')\n protected disabledChange(): void {\n this.navService?.update_disabled_cache(this);\n }\n\n @watch('selected', { waitUntilFirstUpdate: true })\n protected selectedChange(): void {\n if (this.selected && !this.selectionService?.isItemSelected(this)) {\n this.selectionService?.selectItemsWithNoEvent([this]);\n }\n if (!this.selected && this.selectionService?.isItemSelected(this)) {\n this.selectionService?.deselectItemsWithNoEvent([this]);\n }\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.tree = this.closest('igc-tree') as IgcTreeComponent;\n this.parent = this.parentElement?.closest(\n 'igc-tree-item'\n ) as IgcTreeItemComponent | null;\n this.level = this.parent ? this.parent.level + 1 : 0;\n this.setAttribute('role', 'treeitem');\n this.addEventListener('blur', this.onBlur);\n this.addEventListener('focus', this.onFocus);\n this.addEventListener('click', this.itemClick);\n this.activeChange();\n // if the item is not added/moved runtime\n if (this.init) {\n this.selectedChange();\n } else {\n // retriger the item selection state in order to update the collections within the selectionService\n // and to handle correctly the itemParents recursively to the top-most ancestor\n this.selectionService?.retriggerItemState(this);\n }\n this.init = false;\n }\n\n public override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.selectionService?.ensureStateOnItemDelete(this);\n this.navService?.delete_item(this);\n }\n\n private get selectionService(): IgcTreeSelectionService | undefined {\n return this.tree?.selectionService;\n }\n\n private get navService(): IgcTreeNavigationService | undefined {\n return this.tree?.navService;\n }\n\n private get parts() {\n return {\n selected: this.selected,\n focused: this.isFocused,\n active: this.active,\n };\n }\n\n private get directChildren(): Array<IgcTreeItemComponent> {\n return this.allChildren.filter((x) =>\n (x.parent ?? x.parentElement?.closest('igc-tree-item'))?.isSameNode(this)\n ) as IgcTreeItemComponent[];\n }\n\n private get allChildren(): Array<IgcTreeItemComponent> {\n return Array.from(this.querySelectorAll(`igc-tree-item`));\n }\n\n /** The full path to the tree item, starting from the top-most ancestor. */\n public get path(): IgcTreeItemComponent[] {\n return this.parent?.path ? [...this.parent.path, this] : [this];\n }\n\n private itemClick(event: MouseEvent): void {\n if (this.disabled) {\n return;\n }\n this.tabIndex = 0;\n if (this.tree?.toggleNodeOnClick && event.button === 0) {\n if (this.expanded) {\n this.collapseWithEvent();\n } else {\n this.expandWithEvent();\n }\n }\n this.navService?.setFocusedAndActiveItem(this, true, false);\n }\n\n private expandIndicatorClick(): void {\n if (this.disabled) {\n return;\n }\n if (this.expanded) {\n this.collapseWithEvent();\n } else {\n this.expandWithEvent();\n }\n }\n\n private selectorClick(event: MouseEvent): void {\n event.preventDefault();\n if (this.tree?.toggleNodeOnClick) {\n event.stopPropagation();\n }\n if (event.shiftKey) {\n this.selectionService?.selectMultipleItems(this);\n return;\n }\n if (this.selected) {\n this.selectionService?.deselectItem(this);\n } else {\n this.selectionService?.selectItem(this);\n }\n }\n\n private onFocus(): void {\n if (this.disabled) {\n return;\n }\n if (this.navService?.focusedItem !== this) {\n this.navService?.focusItem(this, false);\n this.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n }\n if (this.tabbableEl && this.tabbableEl.length) {\n // set tabIndex = 0 to all tabbable elements\n // focus the first one\n this.tabbableEl.forEach((element: HTMLElement) => {\n element.tabIndex = 0;\n });\n this.focusedProgrammatically = true;\n this.tabbableEl[0].focus();\n return;\n }\n this.isFocused = true;\n }\n\n private onBlur(): void {\n this.isFocused = false;\n }\n\n private onFocusIn(ev: Event): void {\n ev?.stopPropagation();\n if (!this.disabled) {\n // clicking directly over tabbable element when the item is not focused\n if (!this.focusedProgrammatically) {\n this.tabbableEl?.forEach((element: HTMLElement) => {\n element.tabIndex = 0;\n });\n }\n this.removeAttribute('tabIndex');\n this.isFocused = true;\n this.focusedProgrammatically = false;\n }\n }\n\n private onFocusOut(ev: Event): void {\n ev?.stopPropagation();\n this.isFocused = false;\n this.tabbableEl?.forEach((element: HTMLElement) => {\n element.tabIndex = -1;\n });\n\n if (this.navService?.focusedItem === this) {\n // called twice when clicking on already focused item with link (itemClick handler)\n this.setAttribute('tabindex', '0');\n }\n }\n\n private labelChange(): void {\n const firstElement = this.contentList[0];\n const tabbableSelector =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n this.tabbableEl = [\n ...firstElement.querySelectorAll<HTMLElement>(tabbableSelector),\n ];\n if (firstElement.matches(tabbableSelector)) {\n this.tabbableEl.splice(0, 0, firstElement);\n }\n\n if (this.tabbableEl && this.tabbableEl.length) {\n this.setAttribute('role', 'none');\n this.tabbableEl[0].setAttribute('role', 'treeitem');\n\n this.tabbableEl.forEach((element: HTMLElement) => {\n element.tabIndex = -1;\n });\n } else {\n this.setAttribute('role', 'treeitem');\n }\n }\n\n private handleChange(): void {\n this.hasChildren = !!this.directChildren.length;\n // there is no need to update nested children beacuse they're state is already up to date\n this.navService?.update_visible_cache(this, this.expanded, false);\n }\n\n /**\n * Returns a collection of child items.\n * If the parameter value is true returns all tree item's direct children,\n * otherwise - only the direct children.\n */\n @blazorSuppress()\n public getChildren(\n options: { flatten: boolean } = { flatten: false }\n ): IgcTreeItemComponent[] {\n if (options.flatten) {\n return this.allChildren;\n } else {\n return this.directChildren;\n }\n }\n\n /**\n * @private\n * Expands the tree item.\n */\n public async expandWithEvent() {\n if (this.expanded) {\n return;\n }\n const args = {\n detail: this,\n cancelable: true,\n };\n\n const allowed = this.tree?.emitEvent('igcItemExpanding', args);\n\n if (!allowed) {\n return;\n }\n\n if (this.tree?.singleBranchExpand) {\n const pathSet = new Set(this.path.splice(0, this.path.length - 1));\n this.tree.items.forEach((item: IgcTreeItemComponent) => {\n if (!pathSet.has(item)) {\n item.collapseWithEvent();\n }\n });\n }\n\n this.expanded = true;\n if (await this.toggleAnimation('open')) {\n this.tree?.emitEvent('igcItemExpanded', { detail: this });\n }\n }\n\n /**\n * @private\n * Collapses the tree item.\n */\n public async collapseWithEvent() {\n if (!this.expanded) {\n return;\n }\n const args = {\n detail: this,\n cancelable: true,\n };\n\n const allowed = this.tree?.emitEvent('igcItemCollapsing', args);\n\n if (!allowed) {\n return;\n }\n\n this.expanded = false;\n if (await this.toggleAnimation('close')) {\n this.tree?.emitEvent('igcItemCollapsed', { detail: this });\n }\n }\n\n /** Toggles tree item expansion state. */\n public toggle(): void {\n this.expanded = !this.expanded;\n }\n\n /** Expands the tree item. */\n public expand(): void {\n this.expanded = true;\n }\n\n /** Collapses the tree item. */\n public collapse(): void {\n this.expanded = false;\n }\n\n protected override render() {\n const ltr = this.tree ? isLTR(this.tree) : true;\n\n return html`\n <div id=\"wrapper\" part=\"wrapper ${partNameMap(this.parts)}\">\n <div\n style=\"width: calc(${this.level} * var(--igc-tree-indentation-size))\"\n part=\"indentation\"\n aria-hidden=\"true\"\n >\n <slot name=\"indentation\"></slot>\n </div>\n <div part=\"indicator\" aria-hidden=\"true\">\n ${this.loading\n ? html`\n <slot name=\"loading\">\n <igc-circular-progress indeterminate></igc-circular-progress>\n </slot>\n `\n : html`\n <slot\n name=\"indicator\"\n @click=${this.tree?.toggleNodeOnClick\n ? nothing\n : this.expandIndicatorClick}\n >\n ${this.hasChildren\n ? html`\n <igc-icon\n name=${this.expanded\n ? 'keyboard_arrow_down'\n : !ltr\n ? 'navigate_before'\n : 'keyboard_arrow_right'}\n collection=\"internal\"\n >\n </igc-icon>\n `\n : ''}\n </slot>\n `}\n </div>\n ${this.tree?.selection !== 'none'\n ? html`\n <div part=\"select\" aria-hidden=\"true\">\n <igc-checkbox\n @click=${this.selectorClick}\n .checked=${this.selected}\n .indeterminate=${this.indeterminate}\n .disabled=${this.disabled}\n tabindex=\"-1\"\n >\n </igc-checkbox>\n </div>\n `\n : ''}\n <div part=\"label\">\n <slot\n name=\"label\"\n @slotchange=${this.labelChange}\n @focusin=${this.onFocusIn}\n @focusout=${this.onFocusOut}\n >\n <span part=\"text\">${this.label}</span>\n </slot>\n </div>\n </div>\n <div ${ref(this.groupRef)} role=\"group\" aria-hidden=${!this.expanded}>\n <slot @slotchange=${this.handleChange}></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tree-item': IgcTreeItemComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item.common.css.js';\nimport type IgcTreeComponent from './tree.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n findElementFromEventPath,\n isLTR,\n partNameMap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCircularProgressComponent from '../progress/circular-progress.js';\n\n/**\n * The tree-item component represents a child item of the tree component or another tree item.\n *\n * @element igc-tree-item\n *\n * @slot - Renders nested tree-item component.\n * @slot label - Renders the tree item container.\n * @slot indicator - Renders the expand indicator container.\n * @slot loading - Renders the tree item loading indicator container.\n * @slot indentation - Renders the container (by default the space) before the tree item.\n *\n * @csspart wrapper - The wrapper for the tree item.\n * @csspart selected - Indicates selected state. Applies to `wrapper`.\n * @csspart focused - Indicates focused state. Applies to `wrapper`.\n * @csspart active - Indicates an active state. Applies to `wrapper`.\n * @csspart indicator - The expand indicator of the tree item.\n * @csspart label - The tree item content.\n * @csspart text - The tree item displayed text.\n * @csspart select - The checkbox of the tree item when selection is enabled.\n */\n@themes(all, true)\nexport default class IgcTreeItemComponent extends LitElement {\n public static readonly tagName = 'igc-tree-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n this,\n IgcIconComponent,\n IgcCheckboxComponent,\n IgcCircularProgressComponent\n );\n }\n\n private tabbableEl?: HTMLElement[];\n private focusedProgrammatically = false;\n\n private groupRef: Ref<HTMLElement> = createRef();\n\n private animationPlayer = addAnimationController(this, this.groupRef);\n\n /** A reference to the tree the item is a part of. */\n @blazorSuppress()\n public tree?: IgcTreeComponent;\n /** The parent item of the current tree item (if any) */\n public parent: IgcTreeItemComponent | null = null;\n\n /** @private */\n @blazorSuppress()\n public init = false;\n\n @queryAssignedElements({ slot: 'label', flatten: true })\n private contentList!: Array<HTMLElement>;\n\n /** @private */\n @query('#wrapper')\n @blazorSuppress()\n public wrapper!: HTMLElement;\n\n @state()\n private isFocused = false;\n\n /** @private */\n @state()\n @blazorSuppress()\n public hasChildren = false;\n\n /** The depth of the item, relative to the root. */\n @state()\n public level = 0;\n\n /** @private */\n @state()\n @blazorSuppress()\n public indeterminate = false;\n\n /**\n * The tree item label.\n * @attr\n */\n @property()\n public label = '';\n\n /**\n * The tree item expansion state.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public expanded = false;\n\n /**\n * Marks the item as the tree's active item.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public active = false;\n\n /**\n * Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public disabled = false;\n\n /**\n * The tree item selection state.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public selected = false;\n\n /**\n * To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n * @attr\n */\n @property({ reflect: true, type: Boolean })\n public loading = false;\n\n /**\n * The value entry that the tree item is visualizing. Required for searching through items.\n * @type any\n * @attr\n */\n @property({ attribute: true })\n public value: any = undefined;\n\n private async toggleAnimation(dir: 'open' | 'close') {\n const animation = dir === 'open' ? growVerIn : growVerOut;\n\n const [_, event] = await Promise.all([\n this.animationPlayer.stopAll(),\n this.animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n @watch('expanded', { waitUntilFirstUpdate: true })\n @watch('hasChildren', { waitUntilFirstUpdate: true })\n protected bothChange(): void {\n if (this.hasChildren) {\n this.setAttribute('aria-expanded', this.expanded.toString());\n } else {\n this.removeAttribute('aria-expanded');\n }\n }\n\n @watch('expanded')\n protected expandedChange(oldValue: boolean): void {\n // always update the visible cache\n this.navService?.update_visible_cache(this, this.expanded);\n if (!oldValue) {\n return;\n }\n // await for load on demand children\n Promise.resolve().then(() => {\n if (this.navService?.focusedItem !== this && !this.isFocused) {\n this.navService?.focusedItem?.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n }\n });\n }\n\n @watch('active', { waitUntilFirstUpdate: true })\n protected activeChange(): void {\n if ((this.active && this.navService?.activeItem === this) || !this.active) {\n return;\n }\n if (this.navService) {\n this.navService.setActiveItem(this, false);\n }\n // Expand and scroll to the newly active item\n this.tree?.expandToItem(this);\n // Await for expanding\n Promise.resolve().then(() => {\n this.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n });\n }\n\n @watch('disabled')\n protected disabledChange(): void {\n this.navService?.update_disabled_cache(this);\n }\n\n @watch('selected', { waitUntilFirstUpdate: true })\n protected selectedChange(): void {\n if (this.selected && !this.selectionService?.isItemSelected(this)) {\n this.selectionService?.selectItemsWithNoEvent([this]);\n }\n if (!this.selected && this.selectionService?.isItemSelected(this)) {\n this.selectionService?.deselectItemsWithNoEvent([this]);\n }\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this.tree = this.closest('igc-tree') as IgcTreeComponent;\n this.parent = this.parentElement?.closest(\n 'igc-tree-item'\n ) as IgcTreeItemComponent | null;\n this.level = this.parent ? this.parent.level + 1 : 0;\n this.setAttribute('role', 'treeitem');\n this.addEventListener('blur', this.onBlur);\n this.addEventListener('focus', this.onFocus);\n this.addEventListener('click', this.itemClick);\n this.activeChange();\n // if the item is not added/moved runtime\n if (this.init) {\n this.selectedChange();\n } else {\n // retriger the item selection state in order to update the collections within the selectionService\n // and to handle correctly the itemParents recursively to the top-most ancestor\n this.selectionService?.retriggerItemState(this);\n }\n this.init = false;\n }\n\n public override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.selectionService?.ensureStateOnItemDelete(this);\n this.navService?.delete_item(this);\n }\n\n private get selectionService(): IgcTreeSelectionService | undefined {\n return this.tree?.selectionService;\n }\n\n private get navService(): IgcTreeNavigationService | undefined {\n return this.tree?.navService;\n }\n\n private get parts() {\n return {\n selected: this.selected,\n focused: this.isFocused,\n active: this.active,\n };\n }\n\n private get directChildren(): Array<IgcTreeItemComponent> {\n return this.allChildren.filter(\n (x) => (x.parent ?? x.parentElement?.closest('igc-tree-item')) === this\n ) as IgcTreeItemComponent[];\n }\n\n private get allChildren(): Array<IgcTreeItemComponent> {\n return Array.from(this.querySelectorAll(`igc-tree-item`));\n }\n\n /** The full path to the tree item, starting from the top-most ancestor. */\n public get path(): IgcTreeItemComponent[] {\n return this.parent?.path ? [...this.parent.path, this] : [this];\n }\n\n private itemClick(event: MouseEvent): void {\n if (\n this.disabled ||\n this !== findElementFromEventPath(this.tagName, event)\n ) {\n return;\n }\n this.tabIndex = 0;\n if (this.tree?.toggleNodeOnClick && event.button === 0) {\n if (this.expanded) {\n this.collapseWithEvent();\n } else {\n this.expandWithEvent();\n }\n }\n this.navService?.setFocusedAndActiveItem(this, true, true);\n }\n\n private expandIndicatorClick(): void {\n if (this.disabled) {\n return;\n }\n if (this.expanded) {\n this.collapseWithEvent();\n } else {\n this.expandWithEvent();\n }\n }\n\n private selectorClick(event: MouseEvent): void {\n event.preventDefault();\n if (this.tree?.toggleNodeOnClick) {\n event.stopPropagation();\n }\n if (event.shiftKey) {\n this.selectionService?.selectMultipleItems(this);\n return;\n }\n if (this.selected) {\n this.selectionService?.deselectItem(this);\n } else {\n this.selectionService?.selectItem(this);\n }\n }\n\n private onFocus(): void {\n if (this.disabled) {\n return;\n }\n if (this.navService?.focusedItem !== this) {\n this.navService?.focusItem(this, false);\n this.wrapper?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest',\n });\n }\n if (this.tabbableEl && this.tabbableEl.length) {\n // set tabIndex = 0 to all tabbable elements\n // focus the first one\n this.tabbableEl.forEach((element: HTMLElement) => {\n element.tabIndex = 0;\n });\n this.focusedProgrammatically = true;\n this.tabbableEl[0].focus();\n return;\n }\n this.isFocused = true;\n }\n\n private onBlur(): void {\n this.isFocused = false;\n }\n\n private onFocusIn(ev: Event): void {\n ev?.stopPropagation();\n if (!this.disabled) {\n // clicking directly over tabbable element when the item is not focused\n if (!this.focusedProgrammatically) {\n this.tabbableEl?.forEach((element: HTMLElement) => {\n element.tabIndex = 0;\n });\n }\n this.removeAttribute('tabIndex');\n this.isFocused = true;\n this.focusedProgrammatically = false;\n }\n }\n\n private onFocusOut(ev: Event): void {\n ev?.stopPropagation();\n this.isFocused = false;\n this.tabbableEl?.forEach((element: HTMLElement) => {\n element.tabIndex = -1;\n });\n\n if (this.navService?.focusedItem === this) {\n // called twice when clicking on already focused item with link (itemClick handler)\n this.setAttribute('tabindex', '0');\n }\n }\n\n private labelChange(): void {\n const firstElement = this.contentList[0];\n const tabbableSelector =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n this.tabbableEl = [\n ...firstElement.querySelectorAll<HTMLElement>(tabbableSelector),\n ];\n if (firstElement.matches(tabbableSelector)) {\n this.tabbableEl.splice(0, 0, firstElement);\n }\n\n if (this.tabbableEl && this.tabbableEl.length) {\n this.setAttribute('role', 'none');\n this.tabbableEl[0].setAttribute('role', 'treeitem');\n\n this.tabbableEl.forEach((element: HTMLElement) => {\n element.tabIndex = -1;\n });\n } else {\n this.setAttribute('role', 'treeitem');\n }\n }\n\n private handleChange(): void {\n this.hasChildren = !!this.directChildren.length;\n // there is no need to update nested children beacuse they're state is already up to date\n this.navService?.update_visible_cache(this, this.expanded, false);\n }\n\n /**\n * Returns a collection of child items.\n * If the parameter value is true returns all tree item's direct children,\n * otherwise - only the direct children.\n */\n @blazorSuppress()\n public getChildren(\n options: { flatten: boolean } = { flatten: false }\n ): IgcTreeItemComponent[] {\n if (options.flatten) {\n return this.allChildren;\n } else {\n return this.directChildren;\n }\n }\n\n /**\n * @private\n * Expands the tree item.\n */\n public async expandWithEvent() {\n if (this.expanded) {\n return;\n }\n const args = {\n detail: this,\n cancelable: true,\n };\n\n const allowed = this.tree?.emitEvent('igcItemExpanding', args);\n\n if (!allowed) {\n return;\n }\n\n if (this.tree?.singleBranchExpand) {\n const pathSet = new Set(this.path.splice(0, this.path.length - 1));\n this.tree.items.forEach((item: IgcTreeItemComponent) => {\n if (!pathSet.has(item)) {\n item.collapseWithEvent();\n }\n });\n }\n\n this.expanded = true;\n if (await this.toggleAnimation('open')) {\n this.tree?.emitEvent('igcItemExpanded', { detail: this });\n }\n }\n\n /**\n * @private\n * Collapses the tree item.\n */\n public async collapseWithEvent() {\n if (!this.expanded) {\n return;\n }\n const args = {\n detail: this,\n cancelable: true,\n };\n\n const allowed = this.tree?.emitEvent('igcItemCollapsing', args);\n\n if (!allowed) {\n return;\n }\n\n this.expanded = false;\n if (await this.toggleAnimation('close')) {\n this.tree?.emitEvent('igcItemCollapsed', { detail: this });\n }\n }\n\n /** Toggles tree item expansion state. */\n public toggle(): void {\n this.expanded = !this.expanded;\n }\n\n /** Expands the tree item. */\n public expand(): void {\n this.expanded = true;\n }\n\n /** Collapses the tree item. */\n public collapse(): void {\n this.expanded = false;\n }\n\n protected override render() {\n const ltr = this.tree ? isLTR(this.tree) : true;\n\n return html`\n <div id=\"wrapper\" part=\"wrapper ${partNameMap(this.parts)}\">\n <div\n style=\"width: calc(${this.level} * var(--igc-tree-indentation-size))\"\n part=\"indentation\"\n aria-hidden=\"true\"\n >\n <slot name=\"indentation\"></slot>\n </div>\n <div part=\"indicator\" aria-hidden=\"true\">\n ${this.loading\n ? html`\n <slot name=\"loading\">\n <igc-circular-progress indeterminate></igc-circular-progress>\n </slot>\n `\n : html`\n <slot\n name=\"indicator\"\n @click=${this.tree?.toggleNodeOnClick\n ? nothing\n : this.expandIndicatorClick}\n >\n ${this.hasChildren\n ? html`\n <igc-icon\n name=${this.expanded\n ? 'keyboard_arrow_down'\n : !ltr\n ? 'navigate_before'\n : 'keyboard_arrow_right'}\n collection=\"internal\"\n >\n </igc-icon>\n `\n : ''}\n </slot>\n `}\n </div>\n ${this.tree?.selection !== 'none'\n ? html`\n <div part=\"select\" aria-hidden=\"true\">\n <igc-checkbox\n @click=${this.selectorClick}\n .checked=${this.selected}\n .indeterminate=${this.indeterminate}\n .disabled=${this.disabled}\n tabindex=\"-1\"\n >\n </igc-checkbox>\n </div>\n `\n : ''}\n <div part=\"label\">\n <slot\n name=\"label\"\n @slotchange=${this.labelChange}\n @focusin=${this.onFocusIn}\n @focusout=${this.onFocusOut}\n >\n <span part=\"text\">${this.label}</span>\n </slot>\n </div>\n </div>\n <div ${ref(this.groupRef)} role=\"group\" aria-hidden=${!this.expanded}>\n <slot @slotchange=${this.handleChange}></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-tree-item': IgcTreeItemComponent;\n }\n}\n"]}