igniteui-webcomponents 7.3.1 → 7.4.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 (606) hide show
  1. package/CHANGELOG.md +72 -1
  2. package/animations/easings.d.ts +21 -31
  3. package/animations/easings.js +21 -34
  4. package/animations/easings.js.map +1 -1
  5. package/animations/player.d.ts +8 -16
  6. package/animations/player.js +5 -8
  7. package/animations/player.js.map +1 -1
  8. package/animations/view-transition.d.ts +10 -10
  9. package/animations/view-transition.js +26 -37
  10. package/animations/view-transition.js.map +1 -1
  11. package/components/avatar/themes/avatar.base.css.js +1 -1
  12. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  13. package/components/badge/themes/badge.base.css.js +1 -1
  14. package/components/badge/themes/badge.base.css.js.map +1 -1
  15. package/components/banner/themes/banner.base.css.js +1 -1
  16. package/components/banner/themes/banner.base.css.js.map +1 -1
  17. package/components/banner/themes/shared/banner.indigo.css.js +1 -1
  18. package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
  19. package/components/breadcrumb/breadcrumb.d.ts +74 -0
  20. package/components/breadcrumb/breadcrumb.js +107 -0
  21. package/components/breadcrumb/breadcrumb.js.map +1 -0
  22. package/components/breadcrumb/breadcrumbs.d.ts +60 -0
  23. package/components/breadcrumb/breadcrumbs.js +50 -0
  24. package/components/breadcrumb/breadcrumbs.js.map +1 -0
  25. package/components/breadcrumb/themes/breadcrumb.base.css.d.ts +1 -0
  26. package/components/breadcrumb/themes/breadcrumb.base.css.js +3 -0
  27. package/components/breadcrumb/themes/breadcrumb.base.css.js.map +1 -0
  28. package/components/breadcrumb/themes/breadcrumbs.base.css.d.ts +1 -0
  29. package/components/breadcrumb/themes/breadcrumbs.base.css.js +3 -0
  30. package/components/breadcrumb/themes/breadcrumbs.base.css.js.map +1 -0
  31. package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.d.ts +1 -0
  32. package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.js +3 -0
  33. package/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.js.map +1 -0
  34. package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.d.ts +1 -0
  35. package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.js +3 -0
  36. package/components/breadcrumb/themes/dark/breadcrumb.fluent.css.js.map +1 -0
  37. package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.d.ts +1 -0
  38. package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.js +3 -0
  39. package/components/breadcrumb/themes/dark/breadcrumb.indigo.css.js.map +1 -0
  40. package/components/breadcrumb/themes/dark/breadcrumb.material.css.d.ts +1 -0
  41. package/components/breadcrumb/themes/dark/breadcrumb.material.css.js +3 -0
  42. package/components/breadcrumb/themes/dark/breadcrumb.material.css.js.map +1 -0
  43. package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.d.ts +1 -0
  44. package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.js +3 -0
  45. package/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.js.map +1 -0
  46. package/components/breadcrumb/themes/light/breadcrumb.fluent.css.d.ts +1 -0
  47. package/components/breadcrumb/themes/light/breadcrumb.fluent.css.js +3 -0
  48. package/components/breadcrumb/themes/light/breadcrumb.fluent.css.js.map +1 -0
  49. package/components/breadcrumb/themes/light/breadcrumb.indigo.css.d.ts +1 -0
  50. package/components/breadcrumb/themes/light/breadcrumb.indigo.css.js +3 -0
  51. package/components/breadcrumb/themes/light/breadcrumb.indigo.css.js.map +1 -0
  52. package/components/breadcrumb/themes/light/breadcrumb.material.css.d.ts +1 -0
  53. package/components/breadcrumb/themes/light/breadcrumb.material.css.js +3 -0
  54. package/components/breadcrumb/themes/light/breadcrumb.material.css.js.map +1 -0
  55. package/components/breadcrumb/themes/light/breadcrumb.shared.css.d.ts +1 -0
  56. package/components/breadcrumb/themes/light/breadcrumb.shared.css.js +3 -0
  57. package/components/breadcrumb/themes/light/breadcrumb.shared.css.js.map +1 -0
  58. package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.d.ts +1 -0
  59. package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.js +3 -0
  60. package/components/breadcrumb/themes/shared/breadcrumb.bootstrap.css.js.map +1 -0
  61. package/components/breadcrumb/themes/shared/breadcrumb.common.css.d.ts +1 -0
  62. package/components/breadcrumb/themes/shared/breadcrumb.common.css.js +3 -0
  63. package/components/breadcrumb/themes/shared/breadcrumb.common.css.js.map +1 -0
  64. package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.d.ts +1 -0
  65. package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.js +3 -0
  66. package/components/breadcrumb/themes/shared/breadcrumb.fluent.css.js.map +1 -0
  67. package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.d.ts +1 -0
  68. package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.js +3 -0
  69. package/components/breadcrumb/themes/shared/breadcrumb.indigo.css.js.map +1 -0
  70. package/components/breadcrumb/themes/shared/breadcrumb.material.css.d.ts +1 -0
  71. package/components/breadcrumb/themes/shared/breadcrumb.material.css.js +3 -0
  72. package/components/breadcrumb/themes/shared/breadcrumb.material.css.js.map +1 -0
  73. package/components/breadcrumb/themes/themes.d.ts +2 -0
  74. package/components/breadcrumb/themes/themes.js +50 -0
  75. package/components/breadcrumb/themes/themes.js.map +1 -0
  76. package/components/button/button.d.ts +0 -2
  77. package/components/button/button.js.map +1 -1
  78. package/components/button-group/button-group.d.ts +42 -12
  79. package/components/button-group/button-group.js +82 -34
  80. package/components/button-group/button-group.js.map +1 -1
  81. package/components/button-group/toggle-button.d.ts +6 -1
  82. package/components/button-group/toggle-button.js +28 -2
  83. package/components/button-group/toggle-button.js.map +1 -1
  84. package/components/calendar/base.d.ts +7 -2
  85. package/components/calendar/base.js +10 -4
  86. package/components/calendar/base.js.map +1 -1
  87. package/components/calendar/calendar.d.ts +6 -3
  88. package/components/calendar/calendar.js +41 -14
  89. package/components/calendar/calendar.js.map +1 -1
  90. package/components/calendar/days-view/days-view.d.ts +5 -8
  91. package/components/calendar/days-view/days-view.js +7 -16
  92. package/components/calendar/days-view/days-view.js.map +1 -1
  93. package/components/calendar/helpers.d.ts +13 -0
  94. package/components/calendar/helpers.js +15 -0
  95. package/components/calendar/helpers.js.map +1 -1
  96. package/components/calendar/themes/calendar.base.css.js +1 -1
  97. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  98. package/components/calendar/themes/days-view.base.css.js +1 -1
  99. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  100. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  101. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  102. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  103. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  104. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  105. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  106. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  107. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  108. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  109. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  110. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  111. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  112. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  113. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  114. package/components/card/themes/container.base.css.js +1 -1
  115. package/components/card/themes/container.base.css.js.map +1 -1
  116. package/components/carousel/carousel-indicator.js +1 -0
  117. package/components/carousel/carousel-indicator.js.map +1 -1
  118. package/components/carousel/carousel-slide.d.ts +1 -1
  119. package/components/carousel/carousel-slide.js.map +1 -1
  120. package/components/carousel/carousel.d.ts +3 -3
  121. package/components/carousel/carousel.js.map +1 -1
  122. package/components/carousel/themes/carousel.base.css.js +1 -1
  123. package/components/carousel/themes/carousel.base.css.js.map +1 -1
  124. package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
  125. package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
  126. package/components/chat/chat-input.d.ts +1 -2
  127. package/components/chat/chat-input.js +1 -1
  128. package/components/chat/chat-input.js.map +1 -1
  129. package/components/chat/chat-state.d.ts +8 -9
  130. package/components/chat/chat-state.js.map +1 -1
  131. package/components/chat/chat.d.ts +1 -3
  132. package/components/chat/chat.js +2 -2
  133. package/components/chat/chat.js.map +1 -1
  134. package/components/chat/message-attachments.d.ts +6 -15
  135. package/components/chat/message-attachments.js.map +1 -1
  136. package/components/chat/themes/chat.base.css.js +1 -1
  137. package/components/chat/themes/chat.base.css.js.map +1 -1
  138. package/components/chat/themes/message.base.css.js +1 -1
  139. package/components/chat/themes/message.base.css.js.map +1 -1
  140. package/components/chat/utils.d.ts +0 -1
  141. package/components/chat/utils.js +1 -1
  142. package/components/chat/utils.js.map +1 -1
  143. package/components/checkbox/checkbox-base.d.ts +1 -1
  144. package/components/checkbox/checkbox.js +1 -1
  145. package/components/checkbox/checkbox.js.map +1 -1
  146. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  147. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  148. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  149. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  150. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  151. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  152. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  153. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  154. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  155. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  156. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  157. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  158. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  159. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  160. package/components/checkbox/themes/switch.base.css.js +1 -1
  161. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  162. package/components/chip/chip.d.ts +2 -2
  163. package/components/chip/chip.js.map +1 -1
  164. package/components/color-picker/color-picker.d.ts +35 -34
  165. package/components/color-picker/color-picker.js +9 -4
  166. package/components/color-picker/color-picker.js.map +1 -1
  167. package/components/color-picker/common.d.ts +0 -2
  168. package/components/color-picker/common.js +2 -2
  169. package/components/color-picker/common.js.map +1 -1
  170. package/components/color-picker/converters.js.map +1 -1
  171. package/components/color-picker/picker-canvas.js.map +1 -1
  172. package/components/color-picker/themes/color-picker.base.css.js +1 -1
  173. package/components/color-picker/themes/color-picker.base.css.js.map +1 -1
  174. package/components/combo/combo.d.ts +18 -20
  175. package/components/combo/combo.js +8 -2
  176. package/components/combo/combo.js.map +1 -1
  177. package/components/combo/controllers/data.d.ts +7 -10
  178. package/components/combo/controllers/data.js.map +1 -1
  179. package/components/combo/themes/combo-item.base.css.js +1 -1
  180. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  181. package/components/combo/themes/combo.base.css.js +1 -1
  182. package/components/combo/themes/combo.base.css.js.map +1 -1
  183. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  184. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  185. package/components/date-picker/date-picker.base.d.ts +33 -29
  186. package/components/date-picker/date-picker.base.js +15 -4
  187. package/components/date-picker/date-picker.base.js.map +1 -1
  188. package/components/date-picker/date-picker.d.ts +1 -1
  189. package/components/date-picker/date-picker.js +5 -3
  190. package/components/date-picker/date-picker.js.map +1 -1
  191. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  192. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  193. package/components/date-range-picker/date-range-input.d.ts +0 -2
  194. package/components/date-range-picker/date-range-input.js +0 -6
  195. package/components/date-range-picker/date-range-input.js.map +1 -1
  196. package/components/date-range-picker/date-range-picker.base.css.js +1 -1
  197. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
  198. package/components/date-range-picker/date-range-picker.d.ts +22 -31
  199. package/components/date-range-picker/date-range-picker.js +7 -7
  200. package/components/date-range-picker/date-range-picker.js.map +1 -1
  201. package/components/date-range-picker/i18n.d.ts +21 -0
  202. package/components/date-range-picker/i18n.js +10 -0
  203. package/components/date-range-picker/i18n.js.map +1 -0
  204. package/components/date-range-picker/predefined-ranges-area.base.css.js +1 -1
  205. package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -1
  206. package/components/date-range-picker/predefined-ranges-area.d.ts +3 -3
  207. package/components/date-range-picker/predefined-ranges-area.js +2 -5
  208. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  209. package/components/date-range-picker/validators.d.ts +0 -4
  210. package/components/date-range-picker/validators.js +4 -4
  211. package/components/date-range-picker/validators.js.map +1 -1
  212. package/components/date-time-input/date-time-input.base.d.ts +39 -37
  213. package/components/date-time-input/date-time-input.base.js +6 -0
  214. package/components/date-time-input/date-time-input.base.js.map +1 -1
  215. package/components/date-time-input/date-time-input.d.ts +1 -11
  216. package/components/date-time-input/date-time-input.js +0 -6
  217. package/components/date-time-input/date-time-input.js.map +1 -1
  218. package/components/date-time-input/datetime-mask-parser.d.ts +0 -10
  219. package/components/date-time-input/datetime-mask-parser.js +1 -1
  220. package/components/date-time-input/datetime-mask-parser.js.map +1 -1
  221. package/components/dialog/dialog.js.map +1 -1
  222. package/components/divider/themes/divider.base.css.js +1 -1
  223. package/components/divider/themes/divider.base.css.js.map +1 -1
  224. package/components/dropdown/dropdown-group.d.ts +2 -10
  225. package/components/dropdown/dropdown-group.js +2 -27
  226. package/components/dropdown/dropdown-group.js.map +1 -1
  227. package/components/dropdown/dropdown.d.ts +17 -23
  228. package/components/dropdown/dropdown.js +5 -17
  229. package/components/dropdown/dropdown.js.map +1 -1
  230. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  231. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  232. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  233. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  234. package/components/file-input/file-input.d.ts +2 -2
  235. package/components/file-input/file-input.js.map +1 -1
  236. package/components/file-input/themes/file-input.base.css.js +1 -1
  237. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  238. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  239. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  240. package/components/icon/icon.d.ts +1 -1
  241. package/components/icon/icon.registry.d.ts +6 -6
  242. package/components/icon/icon.registry.js.map +1 -1
  243. package/components/input/input.d.ts +3 -3
  244. package/components/input/input.js.map +1 -1
  245. package/components/input/themes/shared/input.indigo.css.js +1 -1
  246. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  247. package/components/input/themes/shared/input.material.css.js +1 -1
  248. package/components/input/themes/shared/input.material.css.js.map +1 -1
  249. package/components/list/themes/item.base.css.js +1 -1
  250. package/components/list/themes/item.base.css.js.map +1 -1
  251. package/components/mask-input/mask-history.d.ts +22 -18
  252. package/components/mask-input/mask-history.js.map +1 -1
  253. package/components/mask-input/mask-input.d.ts +1 -1
  254. package/components/mask-input/mask-parser.d.ts +11 -13
  255. package/components/mask-input/mask-parser.js.map +1 -1
  256. package/components/nav-drawer/themes/item.base.css.js +1 -1
  257. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  258. package/components/popover/popover.d.ts +45 -34
  259. package/components/popover/popover.js +54 -122
  260. package/components/popover/popover.js.map +1 -1
  261. package/components/popover/position/arrow.d.ts +19 -0
  262. package/components/popover/position/arrow.js +33 -0
  263. package/components/popover/position/arrow.js.map +1 -0
  264. package/components/popover/position/floating.d.ts +40 -0
  265. package/components/popover/position/floating.js +146 -0
  266. package/components/popover/position/floating.js.map +1 -0
  267. package/components/popover/position/native.d.ts +45 -0
  268. package/components/popover/position/native.js +158 -0
  269. package/components/popover/position/native.js.map +1 -0
  270. package/components/popover/position/strategy.d.ts +37 -0
  271. package/components/popover/position/strategy.js +21 -0
  272. package/components/popover/position/strategy.js.map +1 -0
  273. package/components/popover/position/types.d.ts +26 -0
  274. package/components/popover/position/types.js +15 -0
  275. package/components/popover/position/types.js.map +1 -0
  276. package/components/popover/themes/light/popover.base.css.js +1 -1
  277. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  278. package/components/progress/circular-progress.d.ts +0 -5
  279. package/components/progress/circular-progress.js.map +1 -1
  280. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  281. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  282. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.d.ts +1 -0
  283. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +3 -0
  284. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -0
  285. package/components/progress/themes/linear/themes.js +3 -2
  286. package/components/progress/themes/linear/themes.js.map +1 -1
  287. package/components/qr-code/qr-code.d.ts +29 -2
  288. package/components/qr-code/qr-code.js +56 -13
  289. package/components/qr-code/qr-code.js.map +1 -1
  290. package/components/qr-code/renderer/export.d.ts +28 -0
  291. package/components/qr-code/renderer/export.js +120 -0
  292. package/components/qr-code/renderer/export.js.map +1 -0
  293. package/components/qr-code/types.d.ts +26 -0
  294. package/components/qr-code/types.js.map +1 -1
  295. package/components/radio/radio.d.ts +4 -4
  296. package/components/radio/radio.js +17 -14
  297. package/components/radio/radio.js.map +1 -1
  298. package/components/radio/themes/radio.base.css.js +1 -1
  299. package/components/radio/themes/radio.base.css.js.map +1 -1
  300. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  301. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  302. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  303. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  304. package/components/radio-group/radio-group.js.map +1 -1
  305. package/components/rating/rating.d.ts +6 -6
  306. package/components/rating/rating.js.map +1 -1
  307. package/components/select/select-group.d.ts +5 -10
  308. package/components/select/select-group.js +10 -34
  309. package/components/select/select-group.js.map +1 -1
  310. package/components/select/select.d.ts +12 -20
  311. package/components/select/select.js +4 -14
  312. package/components/select/select.js.map +1 -1
  313. package/components/select/themes/select.base.css.js +1 -1
  314. package/components/select/themes/select.base.css.js.map +1 -1
  315. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  316. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  317. package/components/slider/themes/shared/slider.material.css.js +1 -1
  318. package/components/slider/themes/shared/slider.material.css.js.map +1 -1
  319. package/components/slider/themes/slider.base.css.js +1 -1
  320. package/components/slider/themes/slider.base.css.js.map +1 -1
  321. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  322. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  323. package/components/splitter/splitter.d.ts +6 -6
  324. package/components/splitter/splitter.js.map +1 -1
  325. package/components/splitter/themes/splitter.base.css.js +1 -1
  326. package/components/splitter/themes/splitter.base.css.js.map +1 -1
  327. package/components/stepper/themes/step/step.base.css.js +1 -1
  328. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  329. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  330. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  331. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  332. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  333. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  334. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  335. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  336. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  337. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
  338. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
  339. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  340. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  341. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  342. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  343. package/components/tabs/themes/tab.base.css.js +1 -1
  344. package/components/tabs/themes/tab.base.css.js.map +1 -1
  345. package/components/textarea/textarea.d.ts +1 -1
  346. package/components/textarea/textarea.js.map +1 -1
  347. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  348. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  349. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  350. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  351. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  352. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  353. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  354. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  355. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  356. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  357. package/components/tile-manager/themes/tile.base.css.js +1 -1
  358. package/components/tile-manager/themes/tile.base.css.js.map +1 -1
  359. package/components/tile-manager/tile-manager.d.ts +6 -7
  360. package/components/tile-manager/tile-manager.js.map +1 -1
  361. package/components/tile-manager/tile.d.ts +3 -3
  362. package/components/tile-manager/tile.js.map +1 -1
  363. package/components/toast/themes/toast.base.css.js +1 -1
  364. package/components/toast/themes/toast.base.css.js.map +1 -1
  365. package/components/toast/toast.d.ts +0 -2
  366. package/components/toast/toast.js.map +1 -1
  367. package/components/tooltip/controller.js.map +1 -1
  368. package/components/tooltip/service.js +4 -5
  369. package/components/tooltip/service.js.map +1 -1
  370. package/components/tooltip/themes/tooltip.base.css.js +1 -1
  371. package/components/tooltip/themes/tooltip.base.css.js.map +1 -1
  372. package/components/tooltip/tooltip.d.ts +34 -13
  373. package/components/tooltip/tooltip.js +8 -4
  374. package/components/tooltip/tooltip.js.map +1 -1
  375. package/components/tree/themes/item.base.css.js +1 -1
  376. package/components/tree/themes/item.base.css.js.map +1 -1
  377. package/components/tree/tree-item.d.ts +6 -6
  378. package/components/tree/tree-item.js.map +1 -1
  379. package/components/tree/tree.navigation.d.ts +5 -6
  380. package/components/tree/tree.navigation.js.map +1 -1
  381. package/components/tree/tree.selection.js.map +1 -1
  382. package/components/types.d.ts +1 -1
  383. package/components/types.js.map +1 -1
  384. package/components/validation-container/themes/validator.base.css.js +1 -1
  385. package/components/validation-container/themes/validator.base.css.js.map +1 -1
  386. package/components/validation-container/validation-container.d.ts +10 -12
  387. package/components/validation-container/validation-container.js +14 -17
  388. package/components/validation-container/validation-container.js.map +1 -1
  389. package/components/virtualization/engine.d.ts +5 -5
  390. package/components/virtualization/engine.js.map +1 -1
  391. package/components/virtualization/virtualization.d.ts +61 -63
  392. package/components/virtualization/virtualization.js +6 -5
  393. package/components/virtualization/virtualization.js.map +1 -1
  394. package/custom-elements.json +16769 -19698
  395. package/igniteui-webcomponents.css-data.json +2 -2
  396. package/igniteui-webcomponents.html-data.json +1 -1
  397. package/index.d.ts +3 -1
  398. package/index.js +2 -0
  399. package/index.js.map +1 -1
  400. package/internals/abort-handler.d.ts +13 -25
  401. package/internals/abort-handler.js +4 -6
  402. package/internals/abort-handler.js.map +1 -1
  403. package/internals/context.d.ts +13 -7
  404. package/internals/context.js +2 -1
  405. package/internals/context.js.map +1 -1
  406. package/internals/controllers/adopt-styles.d.ts +19 -20
  407. package/internals/controllers/adopt-styles.js +3 -8
  408. package/internals/controllers/adopt-styles.js.map +1 -1
  409. package/internals/controllers/aria-projection.d.ts +56 -55
  410. package/internals/controllers/aria-projection.js +14 -15
  411. package/internals/controllers/aria-projection.js.map +1 -1
  412. package/internals/controllers/async-consumer.js.map +1 -1
  413. package/internals/controllers/command.d.ts +15 -30
  414. package/internals/controllers/command.js +2 -7
  415. package/internals/controllers/command.js.map +1 -1
  416. package/internals/controllers/context-provider.d.ts +7 -13
  417. package/internals/controllers/context-provider.js.map +1 -1
  418. package/internals/controllers/focus-ring.d.ts +10 -30
  419. package/internals/controllers/focus-ring.js +6 -12
  420. package/internals/controllers/focus-ring.js.map +1 -1
  421. package/internals/controllers/fullscreen.d.ts +7 -23
  422. package/internals/controllers/fullscreen.js +3 -9
  423. package/internals/controllers/fullscreen.js.map +1 -1
  424. package/internals/controllers/gestures.d.ts +10 -29
  425. package/internals/controllers/gestures.js +1 -3
  426. package/internals/controllers/gestures.js.map +1 -1
  427. package/internals/controllers/group.d.ts +13 -30
  428. package/internals/controllers/group.js.map +1 -1
  429. package/internals/controllers/host-listeners.d.ts +28 -0
  430. package/internals/controllers/host-listeners.js +27 -0
  431. package/internals/controllers/host-listeners.js.map +1 -0
  432. package/internals/controllers/id-resolver.d.ts +8 -9
  433. package/internals/controllers/id-resolver.js +6 -14
  434. package/internals/controllers/id-resolver.js.map +1 -1
  435. package/internals/controllers/internals.d.ts +53 -104
  436. package/internals/controllers/internals.js +40 -13
  437. package/internals/controllers/internals.js.map +1 -1
  438. package/internals/controllers/key-bindings.d.ts +61 -158
  439. package/internals/controllers/key-bindings.js +68 -67
  440. package/internals/controllers/key-bindings.js.map +1 -1
  441. package/internals/controllers/keys.d.ts +32 -0
  442. package/internals/controllers/keys.js +20 -0
  443. package/internals/controllers/keys.js.map +1 -0
  444. package/internals/controllers/mutation-observer.d.ts +14 -37
  445. package/internals/controllers/mutation-observer.js +1 -1
  446. package/internals/controllers/mutation-observer.js.map +1 -1
  447. package/internals/controllers/resize-observer.d.ts +9 -19
  448. package/internals/controllers/resize-observer.js.map +1 -1
  449. package/internals/controllers/root-click.d.ts +11 -42
  450. package/internals/controllers/root-click.js +4 -6
  451. package/internals/controllers/root-click.js.map +1 -1
  452. package/internals/controllers/roving-focus.d.ts +16 -35
  453. package/internals/controllers/roving-focus.js.map +1 -1
  454. package/internals/controllers/slot.d.ts +25 -54
  455. package/internals/controllers/slot.js +6 -6
  456. package/internals/controllers/slot.js.map +1 -1
  457. package/internals/controllers/toggle.d.ts +44 -48
  458. package/internals/controllers/toggle.js.map +1 -1
  459. package/internals/date/compare.js.map +1 -1
  460. package/internals/date/converters.d.ts +10 -7
  461. package/internals/date/converters.js.map +1 -1
  462. package/internals/date/model.d.ts +9 -16
  463. package/internals/date/model.js +22 -25
  464. package/internals/date/model.js.map +1 -1
  465. package/internals/decorators/blazorAdditionalDependencies.d.ts +4 -2
  466. package/internals/decorators/blazorAdditionalDependencies.js.map +1 -1
  467. package/internals/decorators/blazorDeepImport.d.ts +1 -3
  468. package/internals/decorators/blazorDeepImport.js.map +1 -1
  469. package/internals/decorators/blazorInclude.d.ts +3 -2
  470. package/internals/decorators/blazorInclude.js.map +1 -1
  471. package/internals/decorators/blazorIndirectRender.d.ts +1 -3
  472. package/internals/decorators/blazorIndirectRender.js.map +1 -1
  473. package/internals/decorators/blazorSuppressComponent.d.ts +1 -3
  474. package/internals/decorators/blazorSuppressComponent.js.map +1 -1
  475. package/internals/decorators/coerced-property.d.ts +14 -20
  476. package/internals/decorators/coerced-property.js.map +1 -1
  477. package/internals/decorators/shadow-options.d.ts +2 -5
  478. package/internals/decorators/shadow-options.js.map +1 -1
  479. package/internals/definitions/defineAllComponents.js +6 -0
  480. package/internals/definitions/defineAllComponents.js.map +1 -1
  481. package/internals/directives/drag.d.ts +51 -81
  482. package/internals/directives/drag.js +27 -89
  483. package/internals/directives/drag.js.map +1 -1
  484. package/internals/directives/pointer-operation.d.ts +75 -0
  485. package/internals/directives/pointer-operation.js +92 -0
  486. package/internals/directives/pointer-operation.js.map +1 -0
  487. package/internals/directives/resize.d.ts +36 -64
  488. package/internals/directives/resize.js +18 -85
  489. package/internals/directives/resize.js.map +1 -1
  490. package/internals/i18n/EN/calendar.resources.d.ts +8 -2
  491. package/internals/i18n/EN/calendar.resources.js +2 -2
  492. package/internals/i18n/EN/calendar.resources.js.map +1 -1
  493. package/internals/i18n/EN/chat.resources.d.ts +8 -2
  494. package/internals/i18n/EN/chat.resources.js +3 -10
  495. package/internals/i18n/EN/chat.resources.js.map +1 -1
  496. package/internals/i18n/EN/date-picker.resources.d.ts +6 -4
  497. package/internals/i18n/EN/date-picker.resources.js +1 -7
  498. package/internals/i18n/EN/date-picker.resources.js.map +1 -1
  499. package/internals/i18n/EN/date-range-picker.resources.d.ts +9 -2
  500. package/internals/i18n/EN/date-range-picker.resources.js +2 -2
  501. package/internals/i18n/EN/date-range-picker.resources.js.map +1 -1
  502. package/internals/i18n/i18n-controller.d.ts +44 -46
  503. package/internals/i18n/i18n-controller.js +46 -33
  504. package/internals/i18n/i18n-controller.js.map +1 -1
  505. package/internals/i18n/utils.d.ts +9 -4
  506. package/internals/i18n/utils.js +4 -27
  507. package/internals/i18n/utils.js.map +1 -1
  508. package/internals/mixins/alert.d.ts +10 -25
  509. package/internals/mixins/alert.js.map +1 -1
  510. package/internals/mixins/combo-box.d.ts +21 -11
  511. package/internals/mixins/combo-box.js +16 -22
  512. package/internals/mixins/combo-box.js.map +1 -1
  513. package/internals/mixins/event-emitter.js +9 -11
  514. package/internals/mixins/event-emitter.js.map +1 -1
  515. package/internals/mixins/forms/associated-required.d.ts +4 -4
  516. package/internals/mixins/forms/associated-required.js.map +1 -1
  517. package/internals/mixins/forms/associated.d.ts +4 -2
  518. package/internals/mixins/forms/associated.js +8 -19
  519. package/internals/mixins/forms/associated.js.map +1 -1
  520. package/internals/mixins/forms/form-transformers.js.map +1 -1
  521. package/internals/mixins/forms/types.d.ts +24 -80
  522. package/internals/mixins/forms/types.js.map +1 -1
  523. package/internals/mixins/group.d.ts +18 -0
  524. package/internals/mixins/group.js +37 -0
  525. package/internals/mixins/group.js.map +1 -0
  526. package/internals/mixins/i18n.d.ts +10 -16
  527. package/internals/mixins/i18n.js.map +1 -1
  528. package/internals/mixins/mask-behavior.d.ts +8 -22
  529. package/internals/mixins/mask-behavior.js +1 -2
  530. package/internals/mixins/mask-behavior.js.map +1 -1
  531. package/internals/mixins/option.d.ts +1 -2
  532. package/internals/mixins/option.js +2 -1
  533. package/internals/mixins/option.js.map +1 -1
  534. package/internals/part-map.d.ts +4 -2
  535. package/internals/part-map.js +1 -1
  536. package/internals/part-map.js.map +1 -1
  537. package/internals/templates/input-shell.d.ts +8 -17
  538. package/internals/templates/input-shell.js +4 -1
  539. package/internals/templates/input-shell.js.map +1 -1
  540. package/internals/templates/masked-input.d.ts +7 -8
  541. package/internals/templates/masked-input.js.map +1 -1
  542. package/internals/templates/slotted-icon.d.ts +7 -12
  543. package/internals/templates/slotted-icon.js.map +1 -1
  544. package/internals/templates/toggle-shell.d.ts +6 -7
  545. package/internals/templates/toggle-shell.js.map +1 -1
  546. package/internals/timing.d.ts +5 -14
  547. package/internals/timing.js.map +1 -1
  548. package/internals/utils/arrays.d.ts +21 -21
  549. package/internals/utils/arrays.js +14 -0
  550. package/internals/utils/arrays.js.map +1 -1
  551. package/internals/utils/dom.d.ts +51 -39
  552. package/internals/utils/dom.js +1 -2
  553. package/internals/utils/dom.js.map +1 -1
  554. package/internals/utils/events.d.ts +29 -16
  555. package/internals/utils/events.js +9 -1
  556. package/internals/utils/events.js.map +1 -1
  557. package/internals/utils/lit.d.ts +5 -2
  558. package/internals/utils/lit.js.map +1 -1
  559. package/internals/utils/math.d.ts +8 -6
  560. package/internals/utils/math.js.map +1 -1
  561. package/internals/utils/objects.d.ts +3 -20
  562. package/internals/utils/objects.js +1 -39
  563. package/internals/utils/objects.js.map +1 -1
  564. package/internals/utils/strings.d.ts +9 -11
  565. package/internals/utils/strings.js.map +1 -1
  566. package/internals/utils/types.d.ts +16 -3
  567. package/internals/utils/types.js +3 -0
  568. package/internals/utils/types.js.map +1 -1
  569. package/internals/validators.d.ts +9 -8
  570. package/internals/validators.js +12 -6
  571. package/internals/validators.js.map +1 -1
  572. package/package.json +1 -1
  573. package/skills/README.md +3 -0
  574. package/skills/igniteui-wc-figma-to-app/SKILL.md +907 -0
  575. package/skills/igniteui-wc-figma-to-app/references/asset-extraction.md +363 -0
  576. package/skills/igniteui-wc-figma-to-app/references/design-token-bridge.md +407 -0
  577. package/skills/igniteui-wc-figma-to-app/references/figma-component-map.md +325 -0
  578. package/skills/igniteui-wc-figma-to-app/references/mcp-setup.md +409 -0
  579. package/skills/igniteui-wc-figma-to-app/references/validation-patterns.md +376 -0
  580. package/skills/igniteui-wc-generate-from-image-design/references/gotchas.md +21 -0
  581. package/skills/igniteui-wc-integrate-with-framework/SKILL.md +4 -3
  582. package/skills/igniteui-wc-integrate-with-framework/references/vanilla-js.md +14 -0
  583. package/skills/igniteui-wc-migrate-grid-lite-to-premium/SKILL.md +12 -2
  584. package/theming/config.d.ts +14 -5
  585. package/theming/config.js +38 -18
  586. package/theming/config.js.map +1 -1
  587. package/theming/context.d.ts +1 -23
  588. package/theming/context.js.map +1 -1
  589. package/theming/theming-controller.d.ts +2 -32
  590. package/theming/theming-controller.js +15 -21
  591. package/theming/theming-controller.js.map +1 -1
  592. package/theming/theming-event.d.ts +0 -7
  593. package/theming/theming-event.js +0 -13
  594. package/theming/theming-event.js.map +1 -1
  595. package/theming/types.d.ts +1 -8
  596. package/theming/types.js.map +1 -1
  597. package/web-types.json +3 -3
  598. package/animations/presets/slide/index.d.ts +0 -3
  599. package/animations/presets/slide/index.js +0 -16
  600. package/animations/presets/slide/index.js.map +0 -1
  601. package/internals/controllers/root-scroll.d.ts +0 -31
  602. package/internals/controllers/root-scroll.js +0 -71
  603. package/internals/controllers/root-scroll.js.map +0 -1
  604. package/theming/utils.d.ts +0 -11
  605. package/theming/utils.js +0 -20
  606. package/theming/utils.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,urHAAurH,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;vertical-align:top}[part~=base]{display:inline-flex;min-width:var(--_badge-size);min-height:var(--_badge-size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;font-size:max(var(--is-large, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-caption-font-size), -1 * var(--ig-caption-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-caption-font-weight), -1 * var(--ig-caption-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-caption-line-height), -1 * var(--ig-caption-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-caption-letter-spacing), -1 * var(--ig-caption-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-caption-text-transform), -1 * var(--ig-caption-text-transform)))}:host(:not(:empty,[dot])) [part~=base]:not([part~=icon]){padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*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))))}:host([variant=info]) [part~=base]{background:var(--ig-info-500)}:host([variant=success]) [part~=base]{background:var(--ig-success-500)}:host([variant=warning]) [part~=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-warn-500-contrast)}:host([variant=danger]) [part~=base]{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([shape=rounded]),:host([shape=rounded]) [part~=base],:host([dot]) [part~=base]{border-radius:calc(var(--_badge-size)*2)}`;\n "]}
1
+ {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,owHAAowH,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;vertical-align:top}[part~=base]{display:inline-flex;min-width:var(--_badge-size);min-height:var(--_badge-size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap;font-size:max(var(--is-large, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-caption-font-size), -1 * var(--ig-caption-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-caption-font-weight), -1 * var(--ig-caption-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-caption-line-height), -1 * var(--ig-caption-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-caption-letter-spacing), -1 * var(--ig-caption-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-caption-text-transform), -1 * var(--ig-caption-text-transform)))}:host(:not(:empty,[dot])) [part~=base]:not([part~=icon]){padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*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))))}:host([variant=info]) [part~=base]{background:var(--ig-info-500)}:host([variant=success]) [part~=base]{background:var(--ig-success-500)}:host([variant=warning]) [part~=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-warn-500-contrast)}:host([variant=danger]) [part~=base]{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([shape=rounded]),:host([shape=rounded]) [part~=base],:host([dot]) [part~=base]{border-radius:calc(var(--_badge-size)*2)}@media(forced-colors: active){[part~=base]{border:.0625rem solid CanvasText}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end: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(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;
2
+ export const styles = css `:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end: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(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}@media(forced-colors: active){[part~=spacer]{border-block-end:.0625rem solid CanvasText}}`;
3
3
  //# sourceMappingURL=banner.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wrDAAwrD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end: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(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}`;\n "]}
1
+ {"version":3,"file":"banner.base.css.js","sourceRoot":"","sources":["../../../../src/components/banner/themes/banner.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ixDAAixD,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{display:block;min-width:20rem;flex-basis:20rem}[part~=spacer]{display:flex;flex-wrap:wrap;padding-block:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(16px, -1 * 16px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));gap:.5rem;justify-content:flex-end}[part~=message]{min-width:9.375rem;flex-basis:9.375rem;flex-grow:1}[part~=illustration]{justify-content:center}[part~=illustration],[part~=message]{display:flex;align-items:center}[part~=actions]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:flex-end}::slotted([slot=actions]){display:flex;flex-wrap:wrap;gap:.5rem}::slotted([slot=prefix]){margin-inline-end: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(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{overflow:hidden}:host(:not([open])) [part~=base]{height:0}:host([open]) [part~=base]{height:auto}@media(forced-colors: active){[part~=spacer]{border-block-end:.0625rem solid CanvasText}}`;\n "]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;
2
+ export const styles = css `[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}@media(forced-colors: active){[part~=spacer]{border:.0625rem solid CanvasText}}`;
3
3
  //# sourceMappingURL=banner.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nCAA0nC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}`;\n "]}
1
+ {"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/shared/banner.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ysCAAysC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`[part~=spacer]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));background:var(--banner-background);box-shadow:inset 0 0 0 .0625rem var(--banner-border-color);border-radius:var(--border-radius)}[part~=message]{gap:.5rem}::slotted([slot=prefix]){--default-size: 2;--component-size: var(--ig-size, var(--default-size)) !important;margin-inline-end:0;color:inherit}[part~=illustration]{color:var(--banner-illustration-color)}[part~=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--banner-message-color)}@media(forced-colors: active){[part~=spacer]{border:.0625rem solid CanvasText}}`;\n "]}
@@ -0,0 +1,74 @@
1
+ import { LitElement, type PropertyValues } from 'lit';
2
+ /**
3
+ * A single item within a breadcrumb navigation trail.
4
+ *
5
+ * @element igc-breadcrumb
6
+ *
7
+ * @slot - The main content of the breadcrumb, typically an anchor (`<a>`) element.
8
+ * @slot prefix - Renders content before the main breadcrumb content.
9
+ * @slot suffix - Renders content after the main breadcrumb content.
10
+ * @slot separator - Overrides the default separator icon rendered after the breadcrumb item.
11
+ * The separator is hidden from assistive technology.
12
+ *
13
+ * @csspart label - The container wrapping the prefix, default, and suffix slots.
14
+ * @csspart separator - The container wrapping the separator slot content.
15
+ *
16
+ * @example
17
+ * ```html
18
+ * <igc-breadcrumbs>
19
+ * <igc-breadcrumb>
20
+ * <a href="/home">Home</a>
21
+ * </igc-breadcrumb>
22
+ * <igc-breadcrumb>
23
+ * <a href="/products">Products</a>
24
+ * </igc-breadcrumb>
25
+ * <igc-breadcrumb current>
26
+ * <a href="/products/laptop">Laptop</a>
27
+ * </igc-breadcrumb>
28
+ * </igc-breadcrumbs>
29
+ * ```
30
+ */
31
+ export default class IgcBreadcrumbComponent extends LitElement {
32
+ static readonly tagName = "igc-breadcrumb";
33
+ static styles: import("lit").CSSResult[];
34
+ static register(): void;
35
+ private readonly _internals;
36
+ private readonly _separatorConsumer;
37
+ private readonly _slots;
38
+ /** Slotted tabbables taken out of the tab sequence, keyed to their original `tabindex`. */
39
+ private readonly _suppressedTabbables;
40
+ private get _separator();
41
+ constructor();
42
+ /**
43
+ * Marks this breadcrumb as representing the current page.
44
+ * Sets `aria-current="page"` on the element when active.
45
+ *
46
+ * @attr current
47
+ * @default false
48
+ */
49
+ current: boolean;
50
+ /**
51
+ * Sets the disabled state of the breadcrumb.
52
+ * Sets `aria-disabled="true"` on the element and removes the slotted
53
+ * content from the tab sequence while active.
54
+ *
55
+ * @attr disabled
56
+ * @default false
57
+ */
58
+ disabled: boolean;
59
+ protected update(changedProperties: PropertyValues<this>): void;
60
+ protected render(): import("lit-html").TemplateResult<1>;
61
+ /**
62
+ * Keeps the slotted focusable elements out of the tab sequence while the
63
+ * breadcrumb is disabled. `pointer-events: none` alone still leaves a
64
+ * disabled link reachable with Tab.
65
+ */
66
+ private _syncTabbable;
67
+ private _suppressTabbables;
68
+ private _restoreTabbables;
69
+ }
70
+ declare global {
71
+ interface HTMLElementTagNameMap {
72
+ 'igc-breadcrumb': IgcBreadcrumbComponent;
73
+ }
74
+ }
@@ -0,0 +1,107 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { html, LitElement } from 'lit';
8
+ import { property } from 'lit/decorators.js';
9
+ import { breadcrumbsContext } from '#internals/context.js';
10
+ import { createAsyncContext } from '#internals/controllers/async-consumer.js';
11
+ import { addInternalsController } from '#internals/controllers/internals.js';
12
+ import { addSlotController, DefaultSlot } from '#internals/controllers/slot.js';
13
+ import { registerComponent } from '#internals/definitions/register.js';
14
+ import { addThemingController } from '#theming/theming-controller.js';
15
+ import IgcIconComponent from '../icon/icon.js';
16
+ import { styles } from './themes/breadcrumb.base.css.js';
17
+ import { styles as shared } from './themes/shared/breadcrumb.common.css.js';
18
+ import { all } from './themes/themes.js';
19
+ const TabbableSelector = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
20
+ function getTabbables(root) {
21
+ const descendants = root.querySelectorAll(TabbableSelector);
22
+ return root.matches(TabbableSelector)
23
+ ? [root, ...descendants]
24
+ : [...descendants];
25
+ }
26
+ export default class IgcBreadcrumbComponent extends LitElement {
27
+ static { this.tagName = 'igc-breadcrumb'; }
28
+ static { this.styles = [styles, shared]; }
29
+ static register() {
30
+ registerComponent(IgcBreadcrumbComponent, IgcIconComponent);
31
+ }
32
+ get _separator() {
33
+ return this._separatorConsumer.value ?? 'tree_expand';
34
+ }
35
+ constructor() {
36
+ super();
37
+ this._internals = addInternalsController(this, {
38
+ initialARIA: { role: 'listitem' },
39
+ });
40
+ this._separatorConsumer = createAsyncContext(this, breadcrumbsContext);
41
+ this._slots = addSlotController(this, {
42
+ slots: [DefaultSlot],
43
+ onChange: this._syncTabbable,
44
+ });
45
+ this._suppressedTabbables = new Map();
46
+ this.current = false;
47
+ this.disabled = false;
48
+ addThemingController(this, all);
49
+ }
50
+ update(changedProperties) {
51
+ if (changedProperties.has('current')) {
52
+ this._internals.setARIA({ ariaCurrent: this.current ? 'page' : null });
53
+ }
54
+ if (changedProperties.has('disabled')) {
55
+ this._internals.setARIA({
56
+ ariaDisabled: this.disabled ? 'true' : null,
57
+ });
58
+ this._syncTabbable();
59
+ }
60
+ super.update(changedProperties);
61
+ }
62
+ render() {
63
+ return html `
64
+ <span part="label">
65
+ <slot name="prefix"></slot>
66
+ <slot></slot>
67
+ <slot name="suffix"></slot>
68
+ </span>
69
+ <span part="separator" aria-hidden="true">
70
+ <slot name="separator">
71
+ <igc-icon name="${this._separator}" collection="default"></igc-icon>
72
+ </slot>
73
+ </span>
74
+ `;
75
+ }
76
+ _syncTabbable() {
77
+ this._restoreTabbables();
78
+ if (this.disabled) {
79
+ this._suppressTabbables();
80
+ }
81
+ }
82
+ _suppressTabbables() {
83
+ const assigned = this._slots.getAssignedElements(DefaultSlot);
84
+ for (const element of assigned.flatMap(getTabbables)) {
85
+ this._suppressedTabbables.set(element, element.getAttribute('tabindex'));
86
+ element.tabIndex = -1;
87
+ }
88
+ }
89
+ _restoreTabbables() {
90
+ for (const [element, tabindex] of this._suppressedTabbables) {
91
+ if (tabindex === null) {
92
+ element.removeAttribute('tabindex');
93
+ }
94
+ else {
95
+ element.setAttribute('tabindex', tabindex);
96
+ }
97
+ }
98
+ this._suppressedTabbables.clear();
99
+ }
100
+ }
101
+ __decorate([
102
+ property({ type: Boolean, reflect: true })
103
+ ], IgcBreadcrumbComponent.prototype, "current", void 0);
104
+ __decorate([
105
+ property({ type: Boolean, reflect: true })
106
+ ], IgcBreadcrumbComponent.prototype, "disabled", void 0);
107
+ //# sourceMappingURL=breadcrumb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,gBAAgB,GACpB,oFAAoF,CAAC;AAGvF,SAAS,YAAY,CAAC,IAAiB;IACrC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAc,gBAAgB,CAAC,CAAC;IACzE,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;QACnC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,WAAW,CAAC;QACxB,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC;AACvB,CAAC;AA+BD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;aACrC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAqBD,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,IAAI,aAAa,CAAC;IACxD,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAxBO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;SAClC,CAAC,CAAC;QAEc,uBAAkB,GAAG,kBAAkB,CACtD,IAAI,EACJ,kBAAkB,CACnB,CAAC;QAEe,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,CAAC,WAAW,CAAC;YACpB,QAAQ,EAAE,IAAI,CAAC,aAAa;SAC7B,CAAC,CAAC;QAGc,yBAAoB,GAAG,IAAI,GAAG,EAA8B,CAAC;QAuBvE,YAAO,GAAG,KAAK,CAAC;QAWhB,aAAQ,GAAG,KAAK,CAAC;QAxBtB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IA6BkB,MAAM,CAAC,iBAAuC;QAC/D,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACzE,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBACtB,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;aAC5C,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;4BAQa,IAAI,CAAC,UAAU;;;KAGtC,CAAC;IACJ,CAAC;IAWO,aAAa;QACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAc,WAAW,CAAC,CAAC;QAE3E,KAAK,MAAM,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YACrD,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;YACzE,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5D,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACtB,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC;;AAnFM;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACpB;AAWhB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { breadcrumbsContext } from '#internals/context.js';\nimport { createAsyncContext } from '#internals/controllers/async-consumer.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { addSlotController, DefaultSlot } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { styles } from './themes/breadcrumb.base.css.js';\nimport { styles as shared } from './themes/shared/breadcrumb.common.css.js';\nimport { all } from './themes/themes.js';\n\nconst TabbableSelector =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n/** Returns `root` itself, when tabbable, followed by its tabbable descendants. */\nfunction getTabbables(root: HTMLElement): HTMLElement[] {\n const descendants = root.querySelectorAll<HTMLElement>(TabbableSelector);\n return root.matches(TabbableSelector)\n ? [root, ...descendants]\n : [...descendants];\n}\n\n/**\n * A single item within a breadcrumb navigation trail.\n *\n * @element igc-breadcrumb\n *\n * @slot - The main content of the breadcrumb, typically an anchor (`<a>`) element.\n * @slot prefix - Renders content before the main breadcrumb content.\n * @slot suffix - Renders content after the main breadcrumb content.\n * @slot separator - Overrides the default separator icon rendered after the breadcrumb item.\n * The separator is hidden from assistive technology.\n *\n * @csspart label - The container wrapping the prefix, default, and suffix slots.\n * @csspart separator - The container wrapping the separator slot content.\n *\n * @example\n * ```html\n * <igc-breadcrumbs>\n * <igc-breadcrumb>\n * <a href=\"/home\">Home</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb>\n * <a href=\"/products\">Products</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb current>\n * <a href=\"/products/laptop\">Laptop</a>\n * </igc-breadcrumb>\n * </igc-breadcrumbs>\n * ```\n */\nexport default class IgcBreadcrumbComponent extends LitElement {\n public static readonly tagName = 'igc-breadcrumb';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcBreadcrumbComponent, IgcIconComponent);\n }\n\n //#region Internal state\n\n private readonly _internals = addInternalsController(this, {\n initialARIA: { role: 'listitem' },\n });\n\n private readonly _separatorConsumer = createAsyncContext(\n this,\n breadcrumbsContext\n );\n\n private readonly _slots = addSlotController(this, {\n slots: [DefaultSlot],\n onChange: this._syncTabbable,\n });\n\n /** Slotted tabbables taken out of the tab sequence, keyed to their original `tabindex`. */\n private readonly _suppressedTabbables = new Map<HTMLElement, string | null>();\n\n private get _separator(): string {\n return this._separatorConsumer.value ?? 'tree_expand';\n }\n\n //#endregion\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n //#region Public properties\n\n /**\n * Marks this breadcrumb as representing the current page.\n * Sets `aria-current=\"page\"` on the element when active.\n *\n * @attr current\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public current = false;\n\n /**\n * Sets the disabled state of the breadcrumb.\n * Sets `aria-disabled=\"true\"` on the element and removes the slotted\n * content from the tab sequence while active.\n *\n * @attr disabled\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n //#endregion\n\n //#region Lit lifecycle\n\n protected override update(changedProperties: PropertyValues<this>): void {\n if (changedProperties.has('current')) {\n this._internals.setARIA({ ariaCurrent: this.current ? 'page' : null });\n }\n\n if (changedProperties.has('disabled')) {\n this._internals.setARIA({\n ariaDisabled: this.disabled ? 'true' : null,\n });\n this._syncTabbable();\n }\n\n super.update(changedProperties);\n }\n\n protected override render() {\n return html`\n <span part=\"label\">\n <slot name=\"prefix\"></slot>\n <slot></slot>\n <slot name=\"suffix\"></slot>\n </span>\n <span part=\"separator\" aria-hidden=\"true\">\n <slot name=\"separator\">\n <igc-icon name=\"${this._separator}\" collection=\"default\"></igc-icon>\n </slot>\n </span>\n `;\n }\n\n //#endregion\n\n //#region Internal API\n\n /**\n * Keeps the slotted focusable elements out of the tab sequence while the\n * breadcrumb is disabled. `pointer-events: none` alone still leaves a\n * disabled link reachable with Tab.\n */\n private _syncTabbable(): void {\n this._restoreTabbables();\n\n if (this.disabled) {\n this._suppressTabbables();\n }\n }\n\n private _suppressTabbables(): void {\n const assigned = this._slots.getAssignedElements<HTMLElement>(DefaultSlot);\n\n for (const element of assigned.flatMap(getTabbables)) {\n this._suppressedTabbables.set(element, element.getAttribute('tabindex'));\n element.tabIndex = -1;\n }\n }\n\n private _restoreTabbables(): void {\n for (const [element, tabindex] of this._suppressedTabbables) {\n if (tabindex === null) {\n element.removeAttribute('tabindex');\n } else {\n element.setAttribute('tabindex', tabindex);\n }\n }\n\n this._suppressedTabbables.clear();\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-breadcrumb': IgcBreadcrumbComponent;\n }\n}\n"]}
@@ -0,0 +1,60 @@
1
+ import { LitElement, type PropertyValues } from 'lit';
2
+ /**
3
+ * A breadcrumb navigation component that renders an ordered list of breadcrumb items.
4
+ *
5
+ * @remarks
6
+ * Wrap breadcrumb items inside this component to build a navigable breadcrumb
7
+ * trail. The component sets the ARIA `list` role on the host element. Wrap it in a
8
+ * `<nav aria-label="...">` element to provide an accessible navigation landmark —
9
+ * the label belongs on the `<nav>`, not the list, per the ARIA breadcrumb pattern.
10
+ *
11
+ * @element igc-breadcrumbs
12
+ *
13
+ * @slot - Default slot for the breadcrumb items.
14
+ *
15
+ * @example
16
+ * ```html
17
+ * <!-- Default separator (tree_expand icon) -->
18
+ * <nav aria-label="Breadcrumb">
19
+ * <igc-breadcrumbs>
20
+ * <igc-breadcrumb>
21
+ * <a href="/home">Home</a>
22
+ * </igc-breadcrumb>
23
+ * <igc-breadcrumb>
24
+ * <a href="/category">Category</a>
25
+ * </igc-breadcrumb>
26
+ * <igc-breadcrumb current>
27
+ * <a href="/category/item">Item</a>
28
+ * </igc-breadcrumb>
29
+ * </igc-breadcrumbs>
30
+ * </nav>
31
+ *
32
+ * <!-- Custom separator icon -->
33
+ * <igc-breadcrumbs separator="chevron_right">
34
+ * <igc-breadcrumb><a href="/home">Home</a></igc-breadcrumb>
35
+ * <igc-breadcrumb current><a href="/item">Item</a></igc-breadcrumb>
36
+ * </igc-breadcrumbs>
37
+ * ```
38
+ */
39
+ export default class IgcBreadcrumbsComponent extends LitElement {
40
+ static readonly tagName = "igc-breadcrumbs";
41
+ static styles: import("lit").CSSResult[];
42
+ static register(): void;
43
+ private readonly _separatorContext;
44
+ /**
45
+ * The icon name used as the default separator between breadcrumb items.
46
+ * Can be overridden per-item using the `separator` slot on an individual breadcrumb item.
47
+ *
48
+ * @attr separator
49
+ * @default 'tree_expand'
50
+ */
51
+ separator: string;
52
+ constructor();
53
+ protected update(changedProperties: PropertyValues<this>): void;
54
+ protected render(): import("lit-html").TemplateResult<1>;
55
+ }
56
+ declare global {
57
+ interface HTMLElementTagNameMap {
58
+ 'igc-breadcrumbs': IgcBreadcrumbsComponent;
59
+ }
60
+ }
@@ -0,0 +1,50 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { ContextProvider } from '@lit/context';
8
+ import { html, LitElement } from 'lit';
9
+ import { property } from 'lit/decorators.js';
10
+ import { breadcrumbsContext } from '#internals/context.js';
11
+ import { addInternalsController } from '#internals/controllers/internals.js';
12
+ import { registerComponent } from '#internals/definitions/register.js';
13
+ import { addThemingController } from '#theming/theming-controller.js';
14
+ import IgcBreadcrumbComponent from './breadcrumb.js';
15
+ import { styles } from './themes/breadcrumbs.base.css.js';
16
+ import { all } from './themes/themes.js';
17
+ export default class IgcBreadcrumbsComponent extends LitElement {
18
+ static { this.tagName = 'igc-breadcrumbs'; }
19
+ static { this.styles = [styles]; }
20
+ static register() {
21
+ registerComponent(IgcBreadcrumbsComponent, IgcBreadcrumbComponent);
22
+ }
23
+ constructor() {
24
+ super();
25
+ this._separatorContext = new ContextProvider(this, {
26
+ context: breadcrumbsContext,
27
+ initialValue: 'tree_expand',
28
+ });
29
+ this.separator = 'tree_expand';
30
+ addThemingController(this, all);
31
+ addInternalsController(this, {
32
+ initialARIA: {
33
+ role: 'list',
34
+ },
35
+ });
36
+ }
37
+ update(changedProperties) {
38
+ if (changedProperties.has('separator')) {
39
+ this._separatorContext.setValue(this.separator, true);
40
+ }
41
+ super.update(changedProperties);
42
+ }
43
+ render() {
44
+ return html `<slot></slot>`;
45
+ }
46
+ }
47
+ __decorate([
48
+ property({ reflect: true })
49
+ ], IgcBreadcrumbsComponent.prototype, "separator", void 0);
50
+ //# sourceMappingURL=breadcrumbs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumbs.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,sBAAsB,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuCzC,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAG,iBAAiB,AAApB,CAAqB;aAC5B,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAGlC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,EAAE,sBAAsB,CAAC,CAAC;IACrE,CAAC;IA2BD;QACE,KAAK,EAAE,CAAC;QAxBO,sBAAiB,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE;YAC7D,OAAO,EAAE,kBAAkB;YAC3B,YAAY,EAAE,aAAa;SAC5B,CAAC,CAAC;QAcI,cAAS,GAAG,aAAa,CAAC;QAS/B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAChC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM,CAAC,iBAAuC;QAC/D,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA1BM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACK","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { breadcrumbsContext } from '#internals/context.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcBreadcrumbComponent from './breadcrumb.js';\nimport { styles } from './themes/breadcrumbs.base.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A breadcrumb navigation component that renders an ordered list of breadcrumb items.\n *\n * @remarks\n * Wrap breadcrumb items inside this component to build a navigable breadcrumb\n * trail. The component sets the ARIA `list` role on the host element. Wrap it in a\n * `<nav aria-label=\"...\">` element to provide an accessible navigation landmark —\n * the label belongs on the `<nav>`, not the list, per the ARIA breadcrumb pattern.\n *\n * @element igc-breadcrumbs\n *\n * @slot - Default slot for the breadcrumb items.\n *\n * @example\n * ```html\n * <!-- Default separator (tree_expand icon) -->\n * <nav aria-label=\"Breadcrumb\">\n * <igc-breadcrumbs>\n * <igc-breadcrumb>\n * <a href=\"/home\">Home</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb>\n * <a href=\"/category\">Category</a>\n * </igc-breadcrumb>\n * <igc-breadcrumb current>\n * <a href=\"/category/item\">Item</a>\n * </igc-breadcrumb>\n * </igc-breadcrumbs>\n * </nav>\n *\n * <!-- Custom separator icon -->\n * <igc-breadcrumbs separator=\"chevron_right\">\n * <igc-breadcrumb><a href=\"/home\">Home</a></igc-breadcrumb>\n * <igc-breadcrumb current><a href=\"/item\">Item</a></igc-breadcrumb>\n * </igc-breadcrumbs>\n * ```\n */\nexport default class IgcBreadcrumbsComponent extends LitElement {\n public static readonly tagName = 'igc-breadcrumbs';\n public static override styles = [styles];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(IgcBreadcrumbsComponent, IgcBreadcrumbComponent);\n }\n\n //#region Internal state\n\n private readonly _separatorContext = new ContextProvider(this, {\n context: breadcrumbsContext,\n initialValue: 'tree_expand',\n });\n\n //#endregion\n\n //#region Public properties\n\n /**\n * The icon name used as the default separator between breadcrumb items.\n * Can be overridden per-item using the `separator` slot on an individual breadcrumb item.\n *\n * @attr separator\n * @default 'tree_expand'\n */\n @property({ reflect: true })\n public separator = 'tree_expand';\n\n //#endregion\n\n //#region Lit lifecycle\n\n constructor() {\n super();\n\n addThemingController(this, all);\n addInternalsController(this, {\n initialARIA: {\n role: 'list',\n },\n });\n }\n\n protected override update(changedProperties: PropertyValues<this>): void {\n if (changedProperties.has('separator')) {\n this._separatorContext.setValue(this.separator, true);\n }\n super.update(changedProperties);\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n\n //#endregion\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-breadcrumbs': IgcBreadcrumbsComponent;\n }\n}\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex:0 0 auto;align-items:center}:host ::slotted(a){text-decoration:none}:host ::slotted(a):hover{text-decoration:underline}:host ::slotted(a:focus-visible){outline:none}[part=separator]{display:inline-flex;align-items:center}[part=separator] igc-icon{--component-size: var(--ig-size, var(--ig-size-medium))}[part=separator]:dir(rtl) igc-icon,[part=separator]:dir(rtl) ::slotted(igc-icon){transform:rotateY(180deg)}[part=label]{display:inline-flex;align-items:center;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:max(var(--is-large, 1)*max(var(--ig-body-1-font-size), -1 * var(--ig-body-1-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-detail-1-font-size), -1 * var(--ig-detail-1-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-1-font-weight), -1 * var(--ig-body-1-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-detail-1-font-weight), -1 * var(--ig-detail-1-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-1-line-height), -1 * var(--ig-body-1-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-detail-1-line-height), -1 * var(--ig-detail-1-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-1-letter-spacing), -1 * var(--ig-body-1-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-detail-1-letter-spacing), -1 * var(--ig-detail-1-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-1-text-transform), -1 * var(--ig-body-1-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-detail-1-text-transform), -1 * var(--ig-detail-1-text-transform)))}[part=label] ::slotted([slot=prefix]),[part=label] ::slotted([slot=suffix]){--component-size: var(--ig-size, var(--ig-size-medium));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem))}[part=label] ::slotted([slot=prefix]){padding-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=label] ::slotted([slot=suffix]){padding-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:last-of-type) [part=separator]{display:none}@media(forced-colors: active){:host([current]){--current-text-color: Highlight}:host(:not([current])){--focus-border-color: Highlight;--focus-underline-color: Highlight}:host([disabled]){--disabled-text-color: GrayText;--disabled-icon-color: GrayText}}`;
3
+ //# sourceMappingURL=breadcrumb.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.base.css.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/themes/breadcrumb.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,spJAAspJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex:0 0 auto;align-items:center}:host ::slotted(a){text-decoration:none}:host ::slotted(a):hover{text-decoration:underline}:host ::slotted(a:focus-visible){outline:none}[part=separator]{display:inline-flex;align-items:center}[part=separator] igc-icon{--component-size: var(--ig-size, var(--ig-size-medium))}[part=separator]:dir(rtl) igc-icon,[part=separator]:dir(rtl) ::slotted(igc-icon){transform:rotateY(180deg)}[part=label]{display:inline-flex;align-items:center;padding-inline:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:max(var(--is-large, 1)*max(var(--ig-body-1-font-size), -1 * var(--ig-body-1-font-size)),var(--is-medium, 1)*max(var(--ig-body-2-font-size), -1 * var(--ig-body-2-font-size)),var(--is-small, 1)*max(var(--ig-detail-1-font-size), -1 * var(--ig-detail-1-font-size)));font-weight:max(var(--is-large, 1)*max(var(--ig-body-1-font-weight), -1 * var(--ig-body-1-font-weight)),var(--is-medium, 1)*max(var(--ig-body-2-font-weight), -1 * var(--ig-body-2-font-weight)),var(--is-small, 1)*max(var(--ig-detail-1-font-weight), -1 * var(--ig-detail-1-font-weight)));line-height:max(var(--is-large, 1)*max(var(--ig-body-1-line-height), -1 * var(--ig-body-1-line-height)),var(--is-medium, 1)*max(var(--ig-body-2-line-height), -1 * var(--ig-body-2-line-height)),var(--is-small, 1)*max(var(--ig-detail-1-line-height), -1 * var(--ig-detail-1-line-height)));letter-spacing:max(var(--is-large, 1)*max(var(--ig-body-1-letter-spacing), -1 * var(--ig-body-1-letter-spacing)),var(--is-medium, 1)*max(var(--ig-body-2-letter-spacing), -1 * var(--ig-body-2-letter-spacing)),var(--is-small, 1)*max(var(--ig-detail-1-letter-spacing), -1 * var(--ig-detail-1-letter-spacing)));text-transform:max(var(--is-large, 1)*max(var(--ig-body-1-text-transform), -1 * var(--ig-body-1-text-transform)),var(--is-medium, 1)*max(var(--ig-body-2-text-transform), -1 * var(--ig-body-2-text-transform)),var(--is-small, 1)*max(var(--ig-detail-1-text-transform), -1 * var(--ig-detail-1-text-transform)))}[part=label] ::slotted([slot=prefix]),[part=label] ::slotted([slot=suffix]){--component-size: var(--ig-size, var(--ig-size-medium));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem))}[part=label] ::slotted([slot=prefix]){padding-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=label] ::slotted([slot=suffix]){padding-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:last-of-type) [part=separator]{display:none}@media(forced-colors: active){:host([current]){--current-text-color: Highlight}:host(:not([current])){--focus-border-color: Highlight;--focus-underline-color: Highlight}:host([disabled]){--disabled-text-color: GrayText;--disabled-icon-color: GrayText}}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-medium));display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}`;
3
+ //# sourceMappingURL=breadcrumbs.base.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.base.css.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/themes/breadcrumbs.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skCAAskC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-medium));display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-300));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-400));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-400));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-300));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-300));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-50));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-50));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-50));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=breadcrumb.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8zCAA8zC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-300));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-400));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-400));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-300));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-300));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-50));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-50));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-50));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-400));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-100));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-100));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-100));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-100));--ig-theme: fluent;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=breadcrumb.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8vCAA8vC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-400));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-100));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-100));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-100));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-100));--ig-theme: fluent;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-900-contrast));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-200));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=breadcrumb.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2CAAq2C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-300));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-300));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-200));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-200));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-900-contrast));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-300));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-300));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-200));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-200));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-200));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-300));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-200));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-200));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-200));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-100));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-100));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-100));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-50));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-50));--ig-theme: material;--ig-theme-variant: dark}`;
3
+ //# sourceMappingURL=breadcrumb.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.material.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/dark/breadcrumb.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uyCAAuyC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-400));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-400));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-300));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-300));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-200));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-200));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-200));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-100));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-100));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-100));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-200));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-200));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-50));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-50));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-50));--ig-theme: material;--ig-theme-variant: dark}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-600));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-600));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-700));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-700));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-600));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-600));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-700));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-700));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=breadcrumb.bootstrap.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m0CAAm0C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-600));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-600));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-700));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-700));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-primary-200));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-primary-200));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-600));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-600));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-700));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-700));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-800));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-800));--ig-theme: fluent;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=breadcrumb.fluent.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uzBAAuzB,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, var(--ig-gray-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-800));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-800));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-800));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-800));--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-500));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-900));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-600));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-600));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-600));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-600));--ig-theme: indigo;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=breadcrumb.indigo.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,80CAA80C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-primary-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-primary-500));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-primary-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-primary-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-900));--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-primary-500));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-primary-500));--focus-border-color: var(--ig-breadcrumb-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-primary-600));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-primary-600));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-primary-600));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-primary-600));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-primary-600));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-primary-600));--ig-theme: indigo;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-700));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-700));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-800));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-800));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-800));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-700));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-700));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-900));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-900));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-900));--ig-theme: material;--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=breadcrumb.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.material.css.js","sourceRoot":"","sources":["../../../../../src/components/breadcrumb/themes/light/breadcrumb.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2gCAA2gC,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--focus-text-color: var(--ig-breadcrumb-focus-text-color, var(--ig-info-700));--focus-icon-color: var(--ig-breadcrumb-focus-icon-color, var(--ig-info-700));--focus-underline-color: var(--ig-breadcrumb-focus-underline-color, var(--ig-info-700));--focus-hover-text-color: var(--ig-breadcrumb-focus-hover-text-color, var(--ig-info-800));--focus-hover-icon-color: var(--ig-breadcrumb-focus-hover-icon-color, var(--ig-info-800));--focus-hover-underline-color: var(--ig-breadcrumb-focus-hover-underline-color, var(--ig-info-800));--pressed-text-color: var(--ig-breadcrumb-pressed-text-color, var(--ig-info-700));--pressed-icon-color: var(--ig-breadcrumb-pressed-icon-color, var(--ig-info-700));--focus-pressed-text-color: var(--ig-breadcrumb-focus-pressed-text-color, var(--ig-info-900));--focus-pressed-icon-color: var(--ig-breadcrumb-focus-pressed-icon-color, var(--ig-info-900));--focus-pressed-underline-color: var(--ig-breadcrumb-focus-pressed-underline-color, var(--ig-info-900));--ig-theme: material;--ig-theme-variant: light}`;\n "]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--text-color: var(--ig-breadcrumb-text-color, var(--ig-info-500));--icon-color: var(--ig-breadcrumb-icon-color, var(--ig-info-500));--current-text-color: var(--ig-breadcrumb-current-text-color, var(--ig-gray-700));--current-icon-color: var(--ig-breadcrumb-current-icon-color, var(--ig-gray-700));--hover-text-color: var(--ig-breadcrumb-hover-text-color, var(--ig-info-600));--hover-icon-color: var(--ig-breadcrumb-hover-icon-color, var(--ig-info-600));--disabled-text-color: var(--ig-breadcrumb-disabled-text-color, var(--ig-gray-500));--disabled-icon-color: var(--ig-breadcrumb-disabled-icon-color, var(--ig-gray-500));--separator-color: var(--ig-breadcrumb-separator-color, var(--ig-gray-700));--ig-theme-variant: light}`;
3
+ //# sourceMappingURL=breadcrumb.shared.css.js.map