igniteui-webcomponents 6.2.1 → 6.3.0-RC.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (356) hide show
  1. package/components/accordion/accordion.js +3 -4
  2. package/components/accordion/accordion.js.map +1 -1
  3. package/components/avatar/avatar.js +3 -4
  4. package/components/avatar/avatar.js.map +1 -1
  5. package/components/badge/badge.js +3 -4
  6. package/components/badge/badge.js.map +1 -1
  7. package/components/banner/banner.js +3 -4
  8. package/components/banner/banner.js.map +1 -1
  9. package/components/button/button-base.js +1 -1
  10. package/components/button/button-base.js.map +1 -1
  11. package/components/button/button.js +3 -4
  12. package/components/button/button.js.map +1 -1
  13. package/components/button/icon-button.js +3 -4
  14. package/components/button/icon-button.js.map +1 -1
  15. package/components/button-group/button-group.js +3 -4
  16. package/components/button-group/button-group.js.map +1 -1
  17. package/components/button-group/toggle-button.js +4 -3
  18. package/components/button-group/toggle-button.js.map +1 -1
  19. package/components/calendar/calendar.js +3 -4
  20. package/components/calendar/calendar.js.map +1 -1
  21. package/components/calendar/days-view/days-view.js +4 -3
  22. package/components/calendar/days-view/days-view.js.map +1 -1
  23. package/components/calendar/months-view/months-view.js +4 -3
  24. package/components/calendar/months-view/months-view.js.map +1 -1
  25. package/components/calendar/years-view/years-view.js +4 -3
  26. package/components/calendar/years-view/years-view.js.map +1 -1
  27. package/components/card/card.actions.js +3 -4
  28. package/components/card/card.actions.js.map +1 -1
  29. package/components/card/card.content.js +3 -4
  30. package/components/card/card.content.js.map +1 -1
  31. package/components/card/card.header.js +3 -4
  32. package/components/card/card.header.js.map +1 -1
  33. package/components/card/card.js +3 -4
  34. package/components/card/card.js.map +1 -1
  35. package/components/card/card.media.js +3 -4
  36. package/components/card/card.media.js.map +1 -1
  37. package/components/carousel/carousel-indicator-container.js +3 -4
  38. package/components/carousel/carousel-indicator-container.js.map +1 -1
  39. package/components/carousel/carousel-indicator.js +3 -4
  40. package/components/carousel/carousel-indicator.js.map +1 -1
  41. package/components/carousel/carousel-slide.js +3 -4
  42. package/components/carousel/carousel-slide.js.map +1 -1
  43. package/components/carousel/carousel.js +3 -4
  44. package/components/carousel/carousel.js.map +1 -1
  45. package/components/chat/chat-input.d.ts +91 -0
  46. package/components/chat/chat-input.js +263 -0
  47. package/components/chat/chat-input.js.map +1 -0
  48. package/components/chat/chat-message.d.ts +48 -0
  49. package/components/chat/chat-message.js +199 -0
  50. package/components/chat/chat-message.js.map +1 -0
  51. package/components/chat/chat-state.d.ts +130 -0
  52. package/components/chat/chat-state.js +180 -0
  53. package/components/chat/chat-state.js.map +1 -0
  54. package/components/chat/chat.d.ts +151 -0
  55. package/components/chat/chat.js +325 -0
  56. package/components/chat/chat.js.map +1 -0
  57. package/components/chat/extras/markdown-renderer.d.ts +26 -0
  58. package/components/chat/extras/markdown-renderer.js +49 -0
  59. package/components/chat/extras/markdown-renderer.js.map +1 -0
  60. package/components/chat/message-attachments.d.ts +56 -0
  61. package/components/chat/message-attachments.js +132 -0
  62. package/components/chat/message-attachments.js.map +1 -0
  63. package/components/chat/themes/attachments.d.ts +2 -0
  64. package/components/chat/themes/attachments.js +14 -0
  65. package/components/chat/themes/attachments.js.map +1 -0
  66. package/components/chat/themes/chat.base.css.d.ts +1 -0
  67. package/components/chat/themes/chat.base.css.js +3 -0
  68. package/components/chat/themes/chat.base.css.js.map +1 -0
  69. package/components/chat/themes/dark/chat.bootstrap.css.d.ts +1 -0
  70. package/components/chat/themes/dark/chat.bootstrap.css.js +3 -0
  71. package/components/chat/themes/dark/chat.bootstrap.css.js.map +1 -0
  72. package/components/chat/themes/dark/chat.fluent.css.d.ts +1 -0
  73. package/components/chat/themes/dark/chat.fluent.css.js +3 -0
  74. package/components/chat/themes/dark/chat.fluent.css.js.map +1 -0
  75. package/components/chat/themes/dark/chat.indigo.css.d.ts +1 -0
  76. package/components/chat/themes/dark/chat.indigo.css.js +3 -0
  77. package/components/chat/themes/dark/chat.indigo.css.js.map +1 -0
  78. package/components/chat/themes/dark/chat.material.css.d.ts +1 -0
  79. package/components/chat/themes/dark/chat.material.css.js +3 -0
  80. package/components/chat/themes/dark/chat.material.css.js.map +1 -0
  81. package/components/chat/themes/input.base.css.d.ts +1 -0
  82. package/components/chat/themes/input.base.css.js +3 -0
  83. package/components/chat/themes/input.base.css.js.map +1 -0
  84. package/components/chat/themes/input.d.ts +2 -0
  85. package/components/chat/themes/input.js +35 -0
  86. package/components/chat/themes/input.js.map +1 -0
  87. package/components/chat/themes/light/chat.bootstrap.css.d.ts +1 -0
  88. package/components/chat/themes/light/chat.bootstrap.css.js +3 -0
  89. package/components/chat/themes/light/chat.bootstrap.css.js.map +1 -0
  90. package/components/chat/themes/light/chat.fluent.css.d.ts +1 -0
  91. package/components/chat/themes/light/chat.fluent.css.js +3 -0
  92. package/components/chat/themes/light/chat.fluent.css.js.map +1 -0
  93. package/components/chat/themes/light/chat.indigo.css.d.ts +1 -0
  94. package/components/chat/themes/light/chat.indigo.css.js +3 -0
  95. package/components/chat/themes/light/chat.indigo.css.js.map +1 -0
  96. package/components/chat/themes/light/chat.material.css.d.ts +1 -0
  97. package/components/chat/themes/light/chat.material.css.js +3 -0
  98. package/components/chat/themes/light/chat.material.css.js.map +1 -0
  99. package/components/chat/themes/light/chat.shared.css.d.ts +1 -0
  100. package/components/chat/themes/light/chat.shared.css.js +3 -0
  101. package/components/chat/themes/light/chat.shared.css.js.map +1 -0
  102. package/components/chat/themes/message-attachments.base.css.d.ts +1 -0
  103. package/components/chat/themes/message-attachments.base.css.js +3 -0
  104. package/components/chat/themes/message-attachments.base.css.js.map +1 -0
  105. package/components/chat/themes/message.base.css.d.ts +1 -0
  106. package/components/chat/themes/message.base.css.js +3 -0
  107. package/components/chat/themes/message.base.css.js.map +1 -0
  108. package/components/chat/themes/message.d.ts +2 -0
  109. package/components/chat/themes/message.js +28 -0
  110. package/components/chat/themes/message.js.map +1 -0
  111. package/components/chat/themes/shared/chat-message/chat-message.bootstrap.css.d.ts +1 -0
  112. package/components/chat/themes/shared/chat-message/chat-message.bootstrap.css.js +3 -0
  113. package/components/chat/themes/shared/chat-message/chat-message.bootstrap.css.js.map +1 -0
  114. package/components/chat/themes/shared/chat-message/chat-message.common.css.d.ts +1 -0
  115. package/components/chat/themes/shared/chat-message/chat-message.common.css.js +3 -0
  116. package/components/chat/themes/shared/chat-message/chat-message.common.css.js.map +1 -0
  117. package/components/chat/themes/shared/chat-message/chat-message.fluent.css.d.ts +1 -0
  118. package/components/chat/themes/shared/chat-message/chat-message.fluent.css.js +3 -0
  119. package/components/chat/themes/shared/chat-message/chat-message.fluent.css.js.map +1 -0
  120. package/components/chat/themes/shared/chat-message/chat-message.indigo.css.d.ts +1 -0
  121. package/components/chat/themes/shared/chat-message/chat-message.indigo.css.js +3 -0
  122. package/components/chat/themes/shared/chat-message/chat-message.indigo.css.js.map +1 -0
  123. package/components/chat/themes/shared/chat.bootstrap.css.d.ts +1 -0
  124. package/components/chat/themes/shared/chat.bootstrap.css.js +3 -0
  125. package/components/chat/themes/shared/chat.bootstrap.css.js.map +1 -0
  126. package/components/chat/themes/shared/chat.common.css.d.ts +1 -0
  127. package/components/chat/themes/shared/chat.common.css.js +3 -0
  128. package/components/chat/themes/shared/chat.common.css.js.map +1 -0
  129. package/components/chat/themes/shared/chat.fluent.css.d.ts +1 -0
  130. package/components/chat/themes/shared/chat.fluent.css.js +3 -0
  131. package/components/chat/themes/shared/chat.fluent.css.js.map +1 -0
  132. package/components/chat/themes/shared/chat.indigo.css.d.ts +1 -0
  133. package/components/chat/themes/shared/chat.indigo.css.js +3 -0
  134. package/components/chat/themes/shared/chat.indigo.css.js.map +1 -0
  135. package/components/chat/themes/shared/input/input.bootstrap.css.d.ts +1 -0
  136. package/components/chat/themes/shared/input/input.bootstrap.css.js +3 -0
  137. package/components/chat/themes/shared/input/input.bootstrap.css.js.map +1 -0
  138. package/components/chat/themes/shared/input/input.common.css.d.ts +1 -0
  139. package/components/chat/themes/shared/input/input.common.css.js +3 -0
  140. package/components/chat/themes/shared/input/input.common.css.js.map +1 -0
  141. package/components/chat/themes/shared/input/input.fluent.css.d.ts +1 -0
  142. package/components/chat/themes/shared/input/input.fluent.css.js +3 -0
  143. package/components/chat/themes/shared/input/input.fluent.css.js.map +1 -0
  144. package/components/chat/themes/shared/input/input.indigo.css.d.ts +1 -0
  145. package/components/chat/themes/shared/input/input.indigo.css.js +3 -0
  146. package/components/chat/themes/shared/input/input.indigo.css.js.map +1 -0
  147. package/components/chat/themes/shared/input/input.material.css.d.ts +1 -0
  148. package/components/chat/themes/shared/input/input.material.css.js +3 -0
  149. package/components/chat/themes/shared/input/input.material.css.js.map +1 -0
  150. package/components/chat/themes/shared/message-attachments/message-attachments.common.css.d.ts +1 -0
  151. package/components/chat/themes/shared/message-attachments/message-attachments.common.css.js +3 -0
  152. package/components/chat/themes/shared/message-attachments/message-attachments.common.css.js.map +1 -0
  153. package/components/chat/themes/shared/message-attachments/message-attachments.indigo.css.d.ts +1 -0
  154. package/components/chat/themes/shared/message-attachments/message-attachments.indigo.css.js +3 -0
  155. package/components/chat/themes/shared/message-attachments/message-attachments.indigo.css.js.map +1 -0
  156. package/components/chat/themes/themes.d.ts +2 -0
  157. package/components/chat/themes/themes.js +49 -0
  158. package/components/chat/themes/themes.js.map +1 -0
  159. package/components/chat/types.d.ts +149 -0
  160. package/components/chat/types.js +2 -0
  161. package/components/chat/types.js.map +1 -0
  162. package/components/chat/utils.d.ts +16 -0
  163. package/components/chat/utils.js +82 -0
  164. package/components/chat/utils.js.map +1 -0
  165. package/components/checkbox/checkbox-base.d.ts +1 -1
  166. package/components/checkbox/checkbox.js +3 -4
  167. package/components/checkbox/checkbox.js.map +1 -1
  168. package/components/checkbox/switch.js +3 -4
  169. package/components/checkbox/switch.js.map +1 -1
  170. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  171. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  172. package/components/checkbox/themes/switch.base.css.js +1 -1
  173. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  174. package/components/chip/chip.js +3 -4
  175. package/components/chip/chip.js.map +1 -1
  176. package/components/combo/combo-header.js +3 -4
  177. package/components/combo/combo-header.js.map +1 -1
  178. package/components/combo/combo-item.js +3 -4
  179. package/components/combo/combo-item.js.map +1 -1
  180. package/components/combo/combo-list.js +2 -3
  181. package/components/combo/combo-list.js.map +1 -1
  182. package/components/combo/combo.js +4 -3
  183. package/components/combo/combo.js.map +1 -1
  184. package/components/common/context.d.ts +8 -1
  185. package/components/common/context.js +3 -1
  186. package/components/common/context.js.map +1 -1
  187. package/components/common/controllers/focus-ring.js +5 -5
  188. package/components/common/controllers/focus-ring.js.map +1 -1
  189. package/components/common/controllers/key-bindings.js +4 -4
  190. package/components/common/controllers/key-bindings.js.map +1 -1
  191. package/components/common/definitions/defineAllComponents.js +2 -0
  192. package/components/common/definitions/defineAllComponents.js.map +1 -1
  193. package/components/common/i18n/chat.resources.d.ts +11 -0
  194. package/components/common/i18n/chat.resources.js +11 -0
  195. package/components/common/i18n/chat.resources.js.map +1 -0
  196. package/components/common/mixins/forms/associated.js +1 -1
  197. package/components/common/mixins/forms/associated.js.map +1 -1
  198. package/components/common/mixins/forms/form-value.js +1 -1
  199. package/components/common/mixins/forms/form-value.js.map +1 -1
  200. package/components/common/part-map.d.ts +1 -1
  201. package/components/common/util.d.ts +3 -0
  202. package/components/common/util.js +27 -0
  203. package/components/common/util.js.map +1 -1
  204. package/components/date-picker/date-picker.js +5 -4
  205. package/components/date-picker/date-picker.js.map +1 -1
  206. package/components/date-range-picker/date-range-picker.js +5 -4
  207. package/components/date-range-picker/date-range-picker.js.map +1 -1
  208. package/components/date-range-picker/predefined-ranges-area.js +3 -4
  209. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  210. package/components/date-time-input/date-time-input.js +2 -3
  211. package/components/date-time-input/date-time-input.js.map +1 -1
  212. package/components/date-time-input/date-util.js +11 -11
  213. package/components/date-time-input/date-util.js.map +1 -1
  214. package/components/dialog/dialog.js +3 -4
  215. package/components/dialog/dialog.js.map +1 -1
  216. package/components/divider/divider.js +3 -4
  217. package/components/divider/divider.js.map +1 -1
  218. package/components/dropdown/dropdown-group.js +3 -4
  219. package/components/dropdown/dropdown-group.js.map +1 -1
  220. package/components/dropdown/dropdown-header.js +3 -4
  221. package/components/dropdown/dropdown-header.js.map +1 -1
  222. package/components/dropdown/dropdown-item.js +3 -4
  223. package/components/dropdown/dropdown-item.js.map +1 -1
  224. package/components/dropdown/dropdown.js +4 -3
  225. package/components/dropdown/dropdown.js.map +1 -1
  226. package/components/expansion-panel/expansion-panel.js +3 -4
  227. package/components/expansion-panel/expansion-panel.js.map +1 -1
  228. package/components/file-input/file-input.js +9 -10
  229. package/components/file-input/file-input.js.map +1 -1
  230. package/components/focus-trap/focus-trap.js +7 -8
  231. package/components/focus-trap/focus-trap.js.map +1 -1
  232. package/components/icon/icon-references.js +208 -0
  233. package/components/icon/icon-references.js.map +1 -1
  234. package/components/icon/icon-state.broadcast.js +1 -1
  235. package/components/icon/icon-state.broadcast.js.map +1 -1
  236. package/components/icon/icon.js +3 -4
  237. package/components/icon/icon.js.map +1 -1
  238. package/components/icon/internal-icons-lib.js +105 -0
  239. package/components/icon/internal-icons-lib.js.map +1 -1
  240. package/components/input/input-base.js +4 -3
  241. package/components/input/input-base.js.map +1 -1
  242. package/components/input/input.js +2 -3
  243. package/components/input/input.js.map +1 -1
  244. package/components/input/themes/shared/input.indigo.css.js +1 -1
  245. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  246. package/components/list/list-header.js +3 -4
  247. package/components/list/list-header.js.map +1 -1
  248. package/components/list/list-item.js +3 -4
  249. package/components/list/list-item.js.map +1 -1
  250. package/components/list/list.js +3 -4
  251. package/components/list/list.js.map +1 -1
  252. package/components/list/themes/dark/container/list.indigo.css.js +1 -1
  253. package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
  254. package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
  255. package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
  256. package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
  257. package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
  258. package/components/list/themes/item.base.css.js +1 -1
  259. package/components/list/themes/item.base.css.js.map +1 -1
  260. package/components/list/themes/light/container/list.indigo.css.js +1 -1
  261. package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
  262. package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
  263. package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
  264. package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
  265. package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
  266. package/components/mask-input/mask-input.js +2 -3
  267. package/components/mask-input/mask-input.js.map +1 -1
  268. package/components/nav-drawer/nav-drawer-header-item.js +3 -4
  269. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  270. package/components/nav-drawer/nav-drawer-item.js +3 -4
  271. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  272. package/components/nav-drawer/nav-drawer.js +3 -4
  273. package/components/nav-drawer/nav-drawer.js.map +1 -1
  274. package/components/navbar/navbar.js +3 -4
  275. package/components/navbar/navbar.js.map +1 -1
  276. package/components/popover/popover.js +9 -10
  277. package/components/popover/popover.js.map +1 -1
  278. package/components/progress/circular-gradient.js +2 -3
  279. package/components/progress/circular-gradient.js.map +1 -1
  280. package/components/progress/circular-progress.js +3 -4
  281. package/components/progress/circular-progress.js.map +1 -1
  282. package/components/progress/linear-progress.js +3 -4
  283. package/components/progress/linear-progress.js.map +1 -1
  284. package/components/radio/radio.js +3 -4
  285. package/components/radio/radio.js.map +1 -1
  286. package/components/radio-group/radio-group.js +3 -4
  287. package/components/radio-group/radio-group.js.map +1 -1
  288. package/components/rating/rating-symbol.js +3 -4
  289. package/components/rating/rating-symbol.js.map +1 -1
  290. package/components/rating/rating.js +3 -4
  291. package/components/rating/rating.js.map +1 -1
  292. package/components/resize-container/resize-container.js +3 -4
  293. package/components/resize-container/resize-container.js.map +1 -1
  294. package/components/ripple/ripple.js +3 -4
  295. package/components/ripple/ripple.js.map +1 -1
  296. package/components/select/select-group.js +3 -4
  297. package/components/select/select-group.js.map +1 -1
  298. package/components/select/select-header.js +3 -4
  299. package/components/select/select-header.js.map +1 -1
  300. package/components/select/select-item.js +3 -4
  301. package/components/select/select-item.js.map +1 -1
  302. package/components/select/select.js +4 -3
  303. package/components/select/select.js.map +1 -1
  304. package/components/slider/range-slider.js +2 -3
  305. package/components/slider/range-slider.js.map +1 -1
  306. package/components/slider/slider-base.js +1 -1
  307. package/components/slider/slider-base.js.map +1 -1
  308. package/components/slider/slider-label.js +7 -8
  309. package/components/slider/slider-label.js.map +1 -1
  310. package/components/slider/slider.js +2 -3
  311. package/components/slider/slider.js.map +1 -1
  312. package/components/snackbar/snackbar.js +3 -4
  313. package/components/snackbar/snackbar.js.map +1 -1
  314. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  315. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  316. package/components/stepper/step.js +3 -4
  317. package/components/stepper/step.js.map +1 -1
  318. package/components/stepper/stepper.js +3 -4
  319. package/components/stepper/stepper.js.map +1 -1
  320. package/components/tabs/tab-dom.js +1 -1
  321. package/components/tabs/tab-dom.js.map +1 -1
  322. package/components/tabs/tab.js +4 -5
  323. package/components/tabs/tab.js.map +1 -1
  324. package/components/tabs/tabs.js +3 -4
  325. package/components/tabs/tabs.js.map +1 -1
  326. package/components/textarea/textarea.js +4 -3
  327. package/components/textarea/textarea.js.map +1 -1
  328. package/components/tile-manager/themes/tile-manager.base.css.js +1 -1
  329. package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -1
  330. package/components/tile-manager/tile-manager.js +4 -3
  331. package/components/tile-manager/tile-manager.js.map +1 -1
  332. package/components/tile-manager/tile.js +3 -4
  333. package/components/tile-manager/tile.js.map +1 -1
  334. package/components/toast/toast.js +3 -4
  335. package/components/toast/toast.js.map +1 -1
  336. package/components/tooltip/controller.js +4 -4
  337. package/components/tooltip/controller.js.map +1 -1
  338. package/components/tooltip/tooltip.js +3 -4
  339. package/components/tooltip/tooltip.js.map +1 -1
  340. package/components/tree/tree-item.js +3 -4
  341. package/components/tree/tree-item.js.map +1 -1
  342. package/components/tree/tree.js +4 -3
  343. package/components/tree/tree.js.map +1 -1
  344. package/components/validation-container/validation-container.js +3 -4
  345. package/components/validation-container/validation-container.js.map +1 -1
  346. package/custom-elements.json +35498 -33667
  347. package/extras/index.d.ts +1 -0
  348. package/extras/index.js +2 -0
  349. package/extras/index.js.map +1 -0
  350. package/igniteui-webcomponents.css-data.json +1 -1
  351. package/igniteui-webcomponents.html-data.json +1 -1
  352. package/index.d.ts +4 -0
  353. package/index.js +2 -0
  354. package/index.js.map +1 -1
  355. package/package.json +6 -2
  356. package/web-types.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAqB,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SACnC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AApBsB,8BAAO,GAAG,iBAAiB,CAAC;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/list-header.common.css.js';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\nexport default class IgcListHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-list-header';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcListHeaderComponent);\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: { role: 'separator' },\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list-header': IgcListHeaderComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AASpF,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,iBAAiB,CAAC;aAC5B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SACnC,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/list-header.common.css.js';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\nexport default class IgcListHeaderComponent extends LitElement {\n public static readonly tagName = 'igc-list-header';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcListHeaderComponent);\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: { role: 'separator' },\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list-header': IgcListHeaderComponent;\n }\n}\n"]}
@@ -12,7 +12,9 @@ import { registerComponent } from '../common/definitions/register.js';
12
12
  import { styles } from './themes/item.base.css.js';
13
13
  import { all } from './themes/item.js';
14
14
  import { styles as shared } from './themes/shared/item/list-item.common.css.js';
15
- class IgcListItemComponent extends LitElement {
15
+ export default class IgcListItemComponent extends LitElement {
16
+ static { this.tagName = 'igc-list-item'; }
17
+ static { this.styles = [styles, shared]; }
16
18
  static register() {
17
19
  registerComponent(IgcListItemComponent);
18
20
  }
@@ -44,9 +46,6 @@ class IgcListItemComponent extends LitElement {
44
46
  `;
45
47
  }
46
48
  }
47
- IgcListItemComponent.tagName = 'igc-list-item';
48
- IgcListItemComponent.styles = [styles, shared];
49
- export default IgcListItemComponent;
50
49
  __decorate([
51
50
  property({ type: Boolean, reflect: true })
52
51
  ], IgcListItemComponent.prototype, "selected", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAqBhF,MAAqB,oBAAqB,SAAQ,UAAU;IAKnD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC1C,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAKtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,UAAU;aACjB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA3CsB,4BAAO,GAAG,eAAe,AAAlB,CAAmB;AAC1B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,oBAAoB;AAchC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACnB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/list-item.common.css.js';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\nexport default class IgcListItemComponent extends LitElement {\n public static readonly tagName = 'igc-list-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcListItemComponent);\n }\n\n /**\n * Defines if the list item is selected or not.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public selected = false;\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: {\n role: 'listitem',\n },\n });\n }\n\n protected override render() {\n return html`\n <section part=\"start\">\n <slot name=\"start\"></slot>\n </section>\n <section part=\"content\">\n <header part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <slot part=\"subtitle\" name=\"subtitle\"></slot>\n </header>\n <slot></slot>\n </section>\n <section part=\"end\">\n <slot name=\"end\"></slot>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list-item': IgcListItemComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAqBhF,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;aACnC,YAAO,GAAG,eAAe,AAAlB,CAAmB;aAC1B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC1C,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAKtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,UAAU;aACjB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA9BM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACnB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/list-item.common.css.js';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\nexport default class IgcListItemComponent extends LitElement {\n public static readonly tagName = 'igc-list-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcListItemComponent);\n }\n\n /**\n * Defines if the list item is selected or not.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public selected = false;\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: {\n role: 'listitem',\n },\n });\n }\n\n protected override render() {\n return html`\n <section part=\"start\">\n <slot name=\"start\"></slot>\n </section>\n <section part=\"content\">\n <header part=\"header\">\n <slot part=\"title\" name=\"title\"></slot>\n <slot part=\"subtitle\" name=\"subtitle\"></slot>\n </header>\n <slot></slot>\n </section>\n <section part=\"end\">\n <slot name=\"end\"></slot>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list-item': IgcListItemComponent;\n }\n}\n"]}
@@ -7,7 +7,9 @@ import IgcListItemComponent from './list-item.js';
7
7
  import { styles } from './themes/container.base.css.js';
8
8
  import { all } from './themes/container.js';
9
9
  import { styles as shared } from './themes/shared/container/list.common.css.js';
10
- class IgcListComponent extends LitElement {
10
+ export default class IgcListComponent extends LitElement {
11
+ static { this.tagName = 'igc-list'; }
12
+ static { this.styles = [styles, shared]; }
11
13
  static register() {
12
14
  registerComponent(IgcListComponent, IgcListItemComponent, IgcListHeaderComponent);
13
15
  }
@@ -24,7 +26,4 @@ class IgcListComponent extends LitElement {
24
26
  return html `<slot></slot>`;
25
27
  }
26
28
  }
27
- IgcListComponent.tagName = 'igc-list';
28
- IgcListComponent.styles = [styles, shared];
29
- export default IgcListComponent;
30
29
  //# sourceMappingURL=list.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAShF,MAAqB,gBAAiB,SAAQ,UAAU;IAK/C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1BsB,wBAAO,GAAG,UAAU,CAAC;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcListHeaderComponent from './list-header.js';\nimport IgcListItemComponent from './list-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/list.common.css.js';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\nexport default class IgcListComponent extends LitElement {\n public static readonly tagName = 'igc-list';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcListComponent,\n IgcListItemComponent,\n IgcListHeaderComponent\n );\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: {\n role: 'list',\n },\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list': IgcListComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAShF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;aAC/B,YAAO,GAAG,UAAU,CAAC;aACrB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,CACvB,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAER,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcListHeaderComponent from './list-header.js';\nimport IgcListItemComponent from './list-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/list.common.css.js';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\nexport default class IgcListComponent extends LitElement {\n public static readonly tagName = 'igc-list';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcListComponent,\n IgcListItemComponent,\n IgcListHeaderComponent\n );\n }\n\n constructor() {\n super();\n\n addThemingController(this, all);\n\n addInternalsController(this, {\n initialARIA: {\n role: 'list',\n },\n });\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-list': IgcListComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list-header.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list-item.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9FAAi9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, var(--ig-primary-500));--item-background-selected: var(--ig-list-item-background-selected, var(--ig-primary-500));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-50-contrast));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-50-contrast));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-50-contrast));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-action-color-selected: var(--ig-list-item-action-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.7));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2);--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
2
+ export const styles = css `:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
3
3
  //# sourceMappingURL=item.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m+DAAm+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}
1
+ {"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gEAA0gE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:flex;align-items:center;position:relative;gap:1rem;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){--control-padding: 0;margin:0;font:inherit;opacity:inherit}[part=content]{flex-grow:1}[part=header]{display:flex;flex-direction:column;gap:.125rem}[part=start],[part=end]{display:flex;align-items:center;justify-content:center;gap:.5rem}[part=start] ::slotted(*){display:flex}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvDAAkvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0zDAA0zD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list-header.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvDAAkvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0zDAA0zD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
2
+ export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=list-item.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvDAAkvD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0zDAA0zD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, var(--ig-gray-600));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-selected: var(--ig-list-item-background-selected, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-800));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-800));--item-action-color: var(--ig-list-item-action-color, var(--ig-gray-600));--item-action-color-hover: var(--ig-list-item-action-color-hover, var(--ig-gray-700));--item-action-color-active: var(--ig-list-item-action-color-active, var(--ig-gray-700));--item-action-color-selected: var(--ig-list-item-action-color-selected, var(--ig-gray-700));--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-600));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, var(--ig-gray-600));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, var(--ig-gray-700));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, var(--ig-gray-700));--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, var(--ig-gray-700));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--ig-theme: indigo}`;\n"]}
@@ -16,7 +16,7 @@ import { isEmpty } from '../common/util.js';
16
16
  import IgcValidationContainerComponent from '../validation-container/validation-container.js';
17
17
  import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
18
18
  import { maskValidators } from './validators.js';
19
- class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
19
+ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  this._formValue = createFormValueState(this, {
@@ -27,6 +27,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
27
27
  });
28
28
  this.valueMode = 'raw';
29
29
  }
30
+ static { this.tagName = 'igc-mask-input'; }
30
31
  static register() {
31
32
  registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);
32
33
  }
@@ -147,8 +148,6 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
147
148
  `;
148
149
  }
149
150
  }
150
- IgcMaskInputComponent.tagName = 'igc-mask-input';
151
- export default IgcMaskInputComponent;
152
151
  __decorate([
153
152
  property({ attribute: 'value-mode' })
154
153
  ], IgcMaskInputComponent.prototype, "valueMode", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected override readonly _formValue = createFormValueState(this, {\n initialValue: '',\n transformers: {\n setFormValue: (value) =>\n this._isRawMode ? value || null : this.maskedValue || null,\n },\n });\n\n protected get _isRawMode() {\n return this.valueMode === 'raw';\n }\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: MaskInputValueMode = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n const value = this._formValue.value;\n\n if (this._isRawMode) {\n return value;\n }\n return value ? this.maskedValue : value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n const value = string ?? '';\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n protected override _restoreDefaultValue(): void {\n const value = this.defaultValue as string;\n\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._formValue.setValueAndFormState(this.parser.parse(value));\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._formValue.value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._formValue.value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected override _handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n super._handleBlur();\n }\n\n protected handleChange() {\n this._setTouchedState();\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this._handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-describedby=${ifDefined(\n isEmpty(this._helperText) ? nothing : 'helper-text'\n )}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n public static readonly tagName = 'igc-mask-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n }\n\n protected override get __validators() {\n return maskValidators;\n }\n\n protected override readonly _formValue = createFormValueState(this, {\n initialValue: '',\n transformers: {\n setFormValue: (value) =>\n this._isRawMode ? value || null : this.maskedValue || null,\n },\n });\n\n protected get _isRawMode() {\n return this.valueMode === 'raw';\n }\n\n /**\n * Dictates the behavior when retrieving the value of the control:\n *\n * - `raw` will return the clean user input.\n * - `withFormatting` will return the value with all literals and prompts.\n * @attr value-mode\n */\n @property({ attribute: 'value-mode' })\n public valueMode: MaskInputValueMode = 'raw';\n\n /**\n * The value of the input.\n *\n * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n * @attr\n */\n public get value(): string {\n const value = this._formValue.value;\n\n if (this._isRawMode) {\n return value;\n }\n return value ? this.maskedValue : value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n @property()\n public set value(string: string) {\n const value = string ?? '';\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n }\n\n /**\n * The mask pattern to apply on the input.\n * @attr\n */\n @property()\n public get mask(): string {\n return this._mask;\n }\n\n /** The mask pattern to apply on the input. */\n public set mask(value: string) {\n this._mask = value;\n this.parser.mask = value;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n @watch('prompt')\n protected promptChange() {\n this.parser.prompt = this.prompt;\n if (this.value) {\n this.maskedValue = this.parser.apply(this._formValue.value);\n }\n }\n\n protected override _restoreDefaultValue(): void {\n const value = this.defaultValue as string;\n\n this.maskedValue = this.parser.apply(value);\n this.updateMaskedValue();\n this._formValue.setValueAndFormState(value);\n }\n\n protected async updateInput(string: string, range: MaskRange) {\n const { value, end } = this.parser.replace(\n this.maskedValue,\n string,\n range.start,\n range.end\n );\n\n this.maskedValue = value;\n this._formValue.setValueAndFormState(this.parser.parse(value));\n this.requestUpdate();\n\n if (range.start !== this.mask.length) {\n this.emitEvent('igcInput', { detail: this.value });\n }\n await this.updateComplete;\n\n this.input.setSelectionRange(end, end);\n }\n\n protected handleDragEnter() {\n if (!this.focused && !this._formValue.value) {\n this.maskedValue = this.emptyMask;\n }\n }\n\n protected handleDragLeave() {\n if (!this.focused) {\n this.updateMaskedValue();\n }\n }\n\n protected async handleFocus() {\n this.focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n if (!this._formValue.value) {\n // In case of empty value, select the whole mask\n this.maskedValue = this.emptyMask;\n\n await this.updateComplete;\n this.select();\n }\n }\n\n protected override _handleBlur() {\n this.focused = false;\n this.updateMaskedValue();\n super._handleBlur();\n }\n\n protected handleChange() {\n this._setTouchedState();\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n protected updateMaskedValue() {\n if (this.maskedValue === this.emptyMask) {\n this.maskedValue = '';\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.value = this.parser.parse(this.maskedValue);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this.maskedValue)}\n .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this.handleDragStart}\n @blur=${this._handleBlur}\n @focus=${this.handleFocus}\n @cut=${this.handleCut}\n @change=${this.handleChange}\n @click=${this.handleClick}\n @compositionstart=${this.handleCompositionStart}\n @compositionend=${this.handleCompositionEnd}\n @input=${this.handleInput}\n aria-describedby=${ifDefined(\n isEmpty(this._helperText) ? nothing : 'helper-text'\n )}\n @keydown=${this.handleKeydown}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-mask-input': IgcMaskInputComponent;\n }\n}\n"]}
@@ -4,7 +4,9 @@ import { registerComponent } from '../common/definitions/register.js';
4
4
  import { styles } from './themes/header-item.base.css.js';
5
5
  import { all } from './themes/header-item.js';
6
6
  import { styles as shared } from './themes/shared/header-item/header-item.common.css.js';
7
- class IgcNavDrawerHeaderItemComponent extends LitElement {
7
+ export default class IgcNavDrawerHeaderItemComponent extends LitElement {
8
+ static { this.tagName = 'igc-nav-drawer-header-item'; }
9
+ static { this.styles = [styles, shared]; }
8
10
  static register() {
9
11
  registerComponent(IgcNavDrawerHeaderItemComponent);
10
12
  }
@@ -16,7 +18,4 @@ class IgcNavDrawerHeaderItemComponent extends LitElement {
16
18
  return html `<slot></slot>`;
17
19
  }
18
20
  }
19
- IgcNavDrawerHeaderItemComponent.tagName = 'igc-nav-drawer-header-item';
20
- IgcNavDrawerHeaderItemComponent.styles = [styles, shared];
21
- export default IgcNavDrawerHeaderItemComponent;
22
21
  //# sourceMappingURL=nav-drawer-header-item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uDAAuD,CAAC;AAQzF,MAAqB,+BAAgC,SAAQ,UAAU;IAK9D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;IACrD,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAfsB,uCAAO,GAAG,4BAA4B,CAAC;AACvC,sCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,+BAA+B","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header-item.base.css.js';\nimport { all } from './themes/header-item.js';\nimport { styles as shared } from './themes/shared/header-item/header-item.common.css.js';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\nexport default class IgcNavDrawerHeaderItemComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer-header-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavDrawerHeaderItemComponent);\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uDAAuD,CAAC;AAQzF,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;aAC9C,YAAO,GAAG,4BAA4B,CAAC;aACvC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;IACrD,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/header-item.base.css.js';\nimport { all } from './themes/header-item.js';\nimport { styles as shared } from './themes/shared/header-item/header-item.common.css.js';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\nexport default class IgcNavDrawerHeaderItemComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer-header-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavDrawerHeaderItemComponent);\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n }\n}\n"]}
@@ -13,7 +13,9 @@ import { partMap } from '../common/part-map.js';
13
13
  import { styles } from './themes/item.base.css.js';
14
14
  import { all } from './themes/item.js';
15
15
  import { styles as shared } from './themes/shared/item/item.common.css.js';
16
- class IgcNavDrawerItemComponent extends LitElement {
16
+ export default class IgcNavDrawerItemComponent extends LitElement {
17
+ static { this.tagName = 'igc-nav-drawer-item'; }
18
+ static { this.styles = [styles, shared]; }
17
19
  static register() {
18
20
  registerComponent(IgcNavDrawerItemComponent);
19
21
  }
@@ -45,9 +47,6 @@ class IgcNavDrawerItemComponent extends LitElement {
45
47
  `;
46
48
  }
47
49
  }
48
- IgcNavDrawerItemComponent.tagName = 'igc-nav-drawer-item';
49
- IgcNavDrawerItemComponent.styles = [styles, shared];
50
- export default IgcNavDrawerItemComponent;
51
50
  __decorate([
52
51
  state()
53
52
  ], IgcNavDrawerItemComponent.prototype, "_hasContent", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAc3E,MAAqB,yBAA0B,SAAQ,UAAU;IAKxD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAwBD;QACE,KAAK,EAAE,CAAC;QAvBO,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;YAClC,QAAQ,EAAE,IAAI,CAAC,iBAAiB;SACjC,CAAC,CAAC;QAGK,gBAAW,GAAG,IAAI,CAAC;QAOpB,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,KAAK,CAAC;QAIpB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAES,iBAAiB;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAChE,CAAC;IAEkB,MAAM;QACvB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAA;kBACG,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;oCAC9B,SAAS;;;;;;;KAOxC,CAAC;IACJ,CAAC;;AApDsB,iCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,gCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,yBAAyB;AAepC;IADP,KAAK,EAAE;8DACmB;AAOpB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/item.common.css.js';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavDrawerItemComponent);\n }\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('content', 'icon'),\n onChange: this._handleSlotChange,\n });\n\n @state()\n private _hasContent = true;\n\n /**\n * Determines whether the drawer is disabled.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Determines whether the drawer is active.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected _handleSlotChange(): void {\n this._hasContent = this._slots.hasAssignedElements('content');\n }\n\n protected override render() {\n const hasNoIcon = !this._slots.hasAssignedNodes('icon', true);\n\n return html`\n <div part=${partMap({ base: true, mini: !this._hasContent })}>\n <span part=\"icon\" ?hidden=${hasNoIcon}>\n <slot name=\"icon\"></slot>\n </span>\n <span part=\"content\">\n <slot name=\"content\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAc3E,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;aACxC,YAAO,GAAG,qBAAqB,AAAxB,CAAyB;aAChC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAwBD;QACE,KAAK,EAAE,CAAC;QAvBO,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;YAClC,QAAQ,EAAE,IAAI,CAAC,iBAAiB;SACjC,CAAC,CAAC;QAGK,gBAAW,GAAG,IAAI,CAAC;QAOpB,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,KAAK,CAAC;QAIpB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAES,iBAAiB;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAChE,CAAC;IAEkB,MAAM;QACvB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAA;kBACG,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;oCAC9B,SAAS;;;;;;;KAOxC,CAAC;IACJ,CAAC;;AAtCO;IADP,KAAK,EAAE;8DACmB;AAOpB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { styles } from './themes/item.base.css.js';\nimport { all } from './themes/item.js';\nimport { styles as shared } from './themes/shared/item/item.common.css.js';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer-item';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavDrawerItemComponent);\n }\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('content', 'icon'),\n onChange: this._handleSlotChange,\n });\n\n @state()\n private _hasContent = true;\n\n /**\n * Determines whether the drawer is disabled.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * Determines whether the drawer is active.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected _handleSlotChange(): void {\n this._hasContent = this._slots.hasAssignedElements('content');\n }\n\n protected override render() {\n const hasNoIcon = !this._slots.hasAssignedNodes('icon', true);\n\n return html`\n <div part=${partMap({ base: true, mini: !this._hasContent })}>\n <span part=\"icon\" ?hidden=${hasNoIcon}>\n <slot name=\"icon\"></slot>\n </span>\n <span part=\"content\">\n <slot name=\"content\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n }\n}\n"]}
@@ -15,7 +15,9 @@ import IgcNavDrawerItemComponent from './nav-drawer-item.js';
15
15
  import { styles } from './themes/container.base.css.js';
16
16
  import { all } from './themes/container.js';
17
17
  import { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';
18
- class IgcNavDrawerComponent extends LitElement {
18
+ export default class IgcNavDrawerComponent extends LitElement {
19
+ static { this.tagName = 'igc-nav-drawer'; }
20
+ static { this.styles = [styles, shared]; }
19
21
  static register() {
20
22
  registerComponent(IgcNavDrawerComponent, IgcNavDrawerHeaderItemComponent, IgcNavDrawerItemComponent);
21
23
  }
@@ -75,9 +77,6 @@ class IgcNavDrawerComponent extends LitElement {
75
77
  `;
76
78
  }
77
79
  }
78
- IgcNavDrawerComponent.tagName = 'igc-nav-drawer';
79
- IgcNavDrawerComponent.styles = [styles, shared];
80
- export default IgcNavDrawerComponent;
81
80
  __decorate([
82
81
  property({ reflect: true })
83
82
  ], IgcNavDrawerComponent.prototype, "position", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,+BAA+B,MAAM,6BAA6B,CAAC;AAC1E,OAAO,yBAAyB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAetF,MAAqB,qBAAsB,SAAQ,UAAU;IAKpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,qBAAqB,EACrB,+BAA+B,EAC/B,yBAAyB,CAC1B,CAAC;IACJ,CAAC;IAoBD;QACE,KAAK,EAAE,CAAC;QAnBO,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;SACxB,CAAC,CAAC;QAOI,aAAQ,GAAsB,OAAO,CAAC;QAOtC,SAAI,GAAG,KAAK,CAAC;QAIlB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,OAAO,CAAQ,CAAC,OAAO,EAAE,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,EAAE;gBACzD,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;gCAEZ,CAAC,IAAI,CAAC,IAAI;;;;;;;eAO3B,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC;SACjD,CAAC;;;;KAIL,CAAC;IACJ,CAAC;;AA3FsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;AAC3B,4BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,qBAAqB;AAsBjC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACiB;AAOtC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type { NavDrawerPosition } from '../types.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcNavDrawerComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent\n );\n }\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('mini'),\n });\n\n /**\n * The position of the drawer.\n * @attr\n */\n @property({ reflect: true })\n public position: NavDrawerPosition = 'start';\n\n /**\n * Determines whether the drawer is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _waitTransitions() {\n return new Promise<Event>((resolve) => {\n this.renderRoot.addEventListener('transitionend', resolve, {\n once: true,\n });\n });\n }\n\n /** Opens the drawer. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Closes the drawer. */\n public async hide(): Promise<boolean> {\n if (!this.open) {\n return false;\n }\n\n this.open = false;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Toggles the open state of the drawer. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n protected override render() {\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n\n <div part=\"base\" .inert=${!this.open}>\n <div part=\"main\">\n <slot></slot>\n </div>\n </div>\n\n <div\n part=${partMap({\n mini: true,\n hidden: !this._slots.hasAssignedElements('mini'),\n })}\n >\n <slot name=\"mini\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,+BAA+B,MAAM,6BAA6B,CAAC;AAC1E,OAAO,yBAAyB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAetF,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,qBAAqB,EACrB,+BAA+B,EAC/B,yBAAyB,CAC1B,CAAC;IACJ,CAAC;IAoBD;QACE,KAAK,EAAE,CAAC;QAnBO,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;SACxB,CAAC,CAAC;QAOI,aAAQ,GAAsB,OAAO,CAAC;QAOtC,SAAI,GAAG,KAAK,CAAC;QAIlB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,OAAO,CAAQ,CAAC,OAAO,EAAE,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,EAAE;gBACzD,IAAI,EAAE,IAAI;aACX,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9B,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mCACoB,IAAI,CAAC,IAAI;;gCAEZ,CAAC,IAAI,CAAC,IAAI;;;;;;;eAO3B,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC;SACjD,CAAC;;;;KAIL,CAAC;IACJ,CAAC;;AAtEM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACiB;AAOtC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACvB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type { NavDrawerPosition } from '../types.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\nexport default class IgcNavDrawerComponent extends LitElement {\n public static readonly tagName = 'igc-nav-drawer';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcNavDrawerComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent\n );\n }\n\n private readonly _slots = addSlotController(this, {\n slots: setSlots('mini'),\n });\n\n /**\n * The position of the drawer.\n * @attr\n */\n @property({ reflect: true })\n public position: NavDrawerPosition = 'start';\n\n /**\n * Determines whether the drawer is opened.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _waitTransitions() {\n return new Promise<Event>((resolve) => {\n this.renderRoot.addEventListener('transitionend', resolve, {\n once: true,\n });\n });\n }\n\n /** Opens the drawer. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Closes the drawer. */\n public async hide(): Promise<boolean> {\n if (!this.open) {\n return false;\n }\n\n this.open = false;\n await this._waitTransitions();\n\n return true;\n }\n\n /** Toggles the open state of the drawer. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n\n protected override render() {\n return html`\n <div part=\"overlay\" @click=${this.hide}></div>\n\n <div part=\"base\" .inert=${!this.open}>\n <div part=\"main\">\n <slot></slot>\n </div>\n </div>\n\n <div\n part=${partMap({\n mini: true,\n hidden: !this._slots.hasAssignedElements('mini'),\n })}\n >\n <slot name=\"mini\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-nav-drawer': IgcNavDrawerComponent;\n }\n}\n"]}
@@ -4,7 +4,9 @@ import { registerComponent } from '../common/definitions/register.js';
4
4
  import { styles } from './themes/navbar.base.css.js';
5
5
  import { styles as shared } from './themes/shared/navbar.common.css.js';
6
6
  import { all } from './themes/themes.js';
7
- class IgcNavbarComponent extends LitElement {
7
+ export default class IgcNavbarComponent extends LitElement {
8
+ static { this.tagName = 'igc-navbar'; }
9
+ static { this.styles = [styles, shared]; }
8
10
  static register() {
9
11
  registerComponent(IgcNavbarComponent);
10
12
  }
@@ -28,7 +30,4 @@ class IgcNavbarComponent extends LitElement {
28
30
  `;
29
31
  }
30
32
  }
31
- IgcNavbarComponent.tagName = 'igc-navbar';
32
- IgcNavbarComponent.styles = [styles, shared];
33
- export default IgcNavbarComponent;
34
33
  //# sourceMappingURL=navbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAiBzC,MAAqB,kBAAmB,SAAQ,UAAU;IAKjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AA3BsB,0BAAO,GAAG,YAAY,CAAC;AACvB,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/navbar.base.css.js';\nimport { styles as shared } from './themes/shared/navbar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n public static readonly tagName = 'igc-navbar';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavbarComponent);\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html`\n <div part=\"base\">\n <span part=\"start\">\n <slot name=\"start\"></slot>\n </span>\n <span part=\"middle\">\n <slot></slot>\n </span>\n <span part=\"end\">\n <slot name=\"end\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-navbar': IgcNavbarComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAiBzC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;aACjC,YAAO,GAAG,YAAY,CAAC;aACvB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/navbar.base.css.js';\nimport { styles as shared } from './themes/shared/navbar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n public static readonly tagName = 'igc-navbar';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcNavbarComponent);\n }\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n protected override render() {\n return html`\n <div part=\"base\">\n <span part=\"start\">\n <slot name=\"start\"></slot>\n </span>\n <span part=\"middle\">\n <slot></slot>\n </span>\n <span part=\"end\">\n <slot name=\"end\"></slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-navbar': IgcNavbarComponent;\n }\n}\n"]}