@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.10

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 (588) hide show
  1. package/README.md +4 -0
  2. package/docs/AGENTS.snippet.md +12 -0
  3. package/docs/alert.json +7 -1
  4. package/docs/alert.md +3 -3
  5. package/docs/app-shell.examples.md +1 -1
  6. package/docs/app-shell.json +5 -5
  7. package/docs/app-shell.md +2 -2
  8. package/docs/avatar.json +22 -1
  9. package/docs/avatar.md +5 -3
  10. package/docs/badge.json +7 -1
  11. package/docs/badge.md +3 -3
  12. package/docs/button-group.json +2 -0
  13. package/docs/button-group.md +1 -1
  14. package/docs/button.json +51 -11
  15. package/docs/button.md +10 -6
  16. package/docs/calendar.json +8 -1
  17. package/docs/calendar.md +1 -0
  18. package/docs/cascader.json +1 -0
  19. package/docs/cascader.md +1 -1
  20. package/docs/chart.examples.md +1 -1
  21. package/docs/chart.json +10 -1
  22. package/docs/chart.md +3 -2
  23. package/docs/checkbox.json +7 -0
  24. package/docs/checkbox.md +1 -0
  25. package/docs/code-block.json +92 -92
  26. package/docs/code-block.md +69 -69
  27. package/docs/combobox.json +1 -0
  28. package/docs/combobox.md +1 -1
  29. package/docs/currency-field.json +40 -1
  30. package/docs/currency-field.md +5 -1
  31. package/docs/data-grid.examples.md +2 -2
  32. package/docs/data-grid.json +24 -7
  33. package/docs/data-grid.md +1 -1
  34. package/docs/data-grid.props.md +6 -4
  35. package/docs/data-list.json +2 -1
  36. package/docs/data-list.md +1 -1
  37. package/docs/date-field.json +9 -1
  38. package/docs/date-field.md +3 -2
  39. package/docs/date-picker.examples.md +36 -0
  40. package/docs/date-picker.json +20 -5
  41. package/docs/date-picker.md +5 -4
  42. package/docs/datetime-field.json +1 -0
  43. package/docs/datetime-field.md +1 -1
  44. package/docs/dialog.examples.md +158 -136
  45. package/docs/dialog.json +35 -11
  46. package/docs/dialog.md +4 -2
  47. package/docs/dialog.props.md +1 -1
  48. package/docs/drawer.json +5 -0
  49. package/docs/drawer.md +1 -0
  50. package/docs/entity-picker.json +19 -4
  51. package/docs/entity-picker.md +8 -6
  52. package/docs/event-calendar.json +7 -0
  53. package/docs/event-calendar.md +1 -0
  54. package/docs/filter-bar.json +118 -118
  55. package/docs/filter-bar.md +79 -79
  56. package/docs/form.json +2 -1
  57. package/docs/form.md +1 -1
  58. package/docs/guidelines/README.md +27 -0
  59. package/docs/guidelines/async-feedback.md +129 -0
  60. package/docs/guidelines/browsing.md +74 -0
  61. package/docs/guidelines/builders.md +97 -0
  62. package/docs/guidelines/composition.md +143 -0
  63. package/docs/guidelines/conversations.md +59 -0
  64. package/docs/guidelines/errors-and-conflicts.md +71 -0
  65. package/docs/guidelines/forms.md +202 -0
  66. package/docs/guidelines/index.md +129 -0
  67. package/docs/guidelines/layout-alignment.md +95 -0
  68. package/docs/guidelines/ledgers.md +45 -0
  69. package/docs/guidelines/list-pages.md +206 -0
  70. package/docs/guidelines/overviews.md +76 -0
  71. package/docs/guidelines/own-elements.md +115 -0
  72. package/docs/guidelines/reading-permissions.md +55 -0
  73. package/docs/guidelines/record-pages.md +178 -0
  74. package/docs/guidelines/reports.md +123 -0
  75. package/docs/guidelines/shell-composition.md +94 -0
  76. package/docs/guidelines/workspaces.md +46 -0
  77. package/docs/icon.json +3 -1
  78. package/docs/icon.md +3 -3
  79. package/docs/index.md +12 -0
  80. package/docs/inline-message.json +14 -2
  81. package/docs/inline-message.md +4 -3
  82. package/docs/list-item.json +9 -1
  83. package/docs/list-item.md +3 -3
  84. package/docs/list.json +19 -1
  85. package/docs/list.md +3 -1
  86. package/docs/markdown.json +79 -79
  87. package/docs/markdown.md +65 -65
  88. package/docs/menu.json +12 -0
  89. package/docs/menu.md +2 -0
  90. package/docs/message.json +7 -1
  91. package/docs/message.md +3 -3
  92. package/docs/multi-select.json +1 -0
  93. package/docs/multi-select.md +1 -1
  94. package/docs/notification-center.json +4 -0
  95. package/docs/notification-center.md +2 -2
  96. package/docs/number-field.json +1 -0
  97. package/docs/number-field.md +1 -1
  98. package/docs/otp-input.json +1 -0
  99. package/docs/otp-input.md +1 -1
  100. package/docs/page-header.json +4 -3
  101. package/docs/page-header.md +2 -2
  102. package/docs/page.json +1 -0
  103. package/docs/page.md +1 -0
  104. package/docs/popover.json +1 -1
  105. package/docs/progress-indicator.json +4 -3
  106. package/docs/progress-indicator.md +4 -4
  107. package/docs/prompt-composer.json +41 -1
  108. package/docs/prompt-composer.md +5 -1
  109. package/docs/rating.json +5 -3
  110. package/docs/rating.md +5 -5
  111. package/docs/section.json +27 -15
  112. package/docs/section.md +11 -9
  113. package/docs/segmented-control.json +36 -12
  114. package/docs/segmented-control.md +17 -1
  115. package/docs/select.json +1 -0
  116. package/docs/select.md +1 -1
  117. package/docs/side-navigation.json +1 -0
  118. package/docs/side-navigation.md +1 -1
  119. package/docs/skills/build-own-element/SKILL.md +90 -0
  120. package/docs/skills/compose-screen/SKILL.md +95 -0
  121. package/docs/skills/index.md +9 -0
  122. package/docs/skills/review-screen/SKILL.md +77 -0
  123. package/docs/skills/theme-app/SKILL.md +87 -0
  124. package/docs/skills/waiting-states/SKILL.md +143 -0
  125. package/docs/sparkline.json +5 -2
  126. package/docs/sparkline.md +4 -4
  127. package/docs/split-button.json +4 -1
  128. package/docs/split-button.md +3 -3
  129. package/docs/stat-card.json +5 -1
  130. package/docs/stat-card.md +3 -3
  131. package/docs/table.examples.md +3 -3
  132. package/docs/table.json +85 -3
  133. package/docs/table.md +12 -1
  134. package/docs/tabs.json +17 -7
  135. package/docs/tabs.md +3 -2
  136. package/docs/tag.json +14 -4
  137. package/docs/tag.md +6 -6
  138. package/docs/tags-input.json +29 -2
  139. package/docs/tags-input.md +4 -1
  140. package/docs/text-field.json +2 -1
  141. package/docs/text-field.md +2 -2
  142. package/docs/textarea.json +1 -0
  143. package/docs/textarea.md +1 -1
  144. package/docs/time-field.json +1 -0
  145. package/docs/time-field.md +1 -1
  146. package/docs/timeline.json +138 -132
  147. package/docs/timeline.md +125 -125
  148. package/docs/toast.json +7 -1
  149. package/docs/toast.md +3 -3
  150. package/docs/toggle-group.json +14 -3
  151. package/docs/toggle-group.md +3 -3
  152. package/docs/toggle.json +12 -3
  153. package/docs/toggle.md +3 -3
  154. package/docs/tokens.md +467 -0
  155. package/docs/tour.json +1 -1
  156. package/docs/typography.json +4 -2
  157. package/docs/typography.md +4 -4
  158. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  159. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-action-bar.mjs +22 -11
  161. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  163. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-alert.mjs +18 -11
  165. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-app-shell.mjs +111 -61
  167. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  169. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  171. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  173. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-avatar.mjs +14 -7
  175. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-badge.mjs +14 -10
  177. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  179. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  181. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-button.mjs +90 -29
  183. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-calendar.mjs +235 -58
  185. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-card.mjs +18 -16
  187. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  189. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-cascader.mjs +166 -66
  191. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-chart.mjs +53 -20
  193. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  195. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-checkbox.mjs +23 -9
  197. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  199. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  201. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  203. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  205. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-combobox.mjs +112 -39
  207. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-command-palette.mjs +150 -54
  209. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-container.mjs +6 -4
  211. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  213. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-currency-field.mjs +149 -32
  215. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
  217. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-data-grid.mjs +354 -113
  219. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  221. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-date-field.mjs +74 -25
  223. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-date-picker.mjs +112 -40
  225. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
  227. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  229. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
  231. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
  233. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  235. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  237. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-dialog.mjs +72 -30
  239. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-divider.mjs +7 -5
  241. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-drawer.mjs +53 -29
  243. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
  245. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
  247. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  249. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-field.mjs +35 -15
  251. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
  253. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-form.mjs +18 -10
  255. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  257. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-grid.mjs +4 -2
  259. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  261. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  263. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-icon.mjs +6 -3
  265. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-image.mjs +13 -10
  267. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  269. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-inline-message.mjs +88 -13
  271. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-inline.mjs +4 -2
  273. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  275. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  276. package/fesm2022/slotted-angular-link.mjs +5 -3
  277. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  278. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  279. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  280. package/fesm2022/slotted-angular-list.mjs +37 -22
  281. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  282. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  283. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  284. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  285. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  286. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  287. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  288. package/fesm2022/slotted-angular-menu.mjs +51 -29
  289. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  290. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  291. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  292. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  293. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  294. package/fesm2022/slotted-angular-message.mjs +113 -51
  295. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  296. package/fesm2022/slotted-angular-multi-select.mjs +189 -87
  297. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  298. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  299. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  300. package/fesm2022/slotted-angular-notification-center.mjs +108 -65
  301. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  302. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  303. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  304. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  305. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  306. package/fesm2022/slotted-angular-page-header.mjs +75 -45
  307. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  308. package/fesm2022/slotted-angular-page.mjs +38 -10
  309. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  310. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  311. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  312. package/fesm2022/slotted-angular-popover.mjs +32 -19
  313. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  314. package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
  315. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  316. package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
  317. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  318. package/fesm2022/slotted-angular-prose.mjs +14 -11
  319. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  320. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  321. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  322. package/fesm2022/slotted-angular-rating.mjs +138 -82
  323. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  324. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  325. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  326. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  327. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  328. package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
  329. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  330. package/fesm2022/slotted-angular-section.mjs +53 -18
  331. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  332. package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
  333. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  334. package/fesm2022/slotted-angular-select.mjs +184 -94
  335. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  336. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  337. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  338. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  339. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  340. package/fesm2022/slotted-angular-slider.mjs +31 -11
  341. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  342. package/fesm2022/slotted-angular-sparkline.mjs +41 -14
  343. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  344. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  345. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  346. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  347. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  348. package/fesm2022/slotted-angular-stack.mjs +4 -2
  349. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  350. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  351. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  352. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  353. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  354. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  355. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  356. package/fesm2022/slotted-angular-switch.mjs +15 -10
  357. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  358. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  359. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  360. package/fesm2022/slotted-angular-table.mjs +243 -73
  361. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  362. package/fesm2022/slotted-angular-tabs.mjs +42 -18
  363. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  364. package/fesm2022/slotted-angular-tag.mjs +19 -12
  365. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  366. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  367. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  368. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  369. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  370. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  371. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  372. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  373. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  374. package/fesm2022/slotted-angular-time-picker.mjs +32 -20
  375. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  376. package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
  377. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  378. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  379. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  380. package/fesm2022/slotted-angular-toast.mjs +43 -31
  381. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  382. package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
  383. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  384. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  385. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  386. package/fesm2022/slotted-angular-toolbar.mjs +22 -11
  387. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  388. package/fesm2022/slotted-angular-tooltip.mjs +15 -6
  389. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  390. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  391. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  392. package/fesm2022/slotted-angular-tour.mjs +47 -22
  393. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  394. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  395. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  396. package/fesm2022/slotted-angular-tree.mjs +74 -26
  397. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  398. package/fesm2022/slotted-angular-typography.mjs +8 -4
  399. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  400. package/fesm2022/slotted-angular-upload.mjs +125 -57
  401. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  402. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  403. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  404. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  405. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  406. package/package.json +3 -3
  407. package/types/slotted-angular-accordion.d.ts.map +1 -1
  408. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  409. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  410. package/types/slotted-angular-alert.d.ts +2 -2
  411. package/types/slotted-angular-alert.d.ts.map +1 -1
  412. package/types/slotted-angular-app-shell.d.ts +11 -3
  413. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  414. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  415. package/types/slotted-angular-attachment.d.ts +1 -1
  416. package/types/slotted-angular-attachment.d.ts.map +1 -1
  417. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  418. package/types/slotted-angular-avatar.d.ts +11 -3
  419. package/types/slotted-angular-avatar.d.ts.map +1 -1
  420. package/types/slotted-angular-badge.d.ts +1 -1
  421. package/types/slotted-angular-badge.d.ts.map +1 -1
  422. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  423. package/types/slotted-angular-button-group.d.ts +1 -1
  424. package/types/slotted-angular-button-group.d.ts.map +1 -1
  425. package/types/slotted-angular-button.d.ts +33 -13
  426. package/types/slotted-angular-button.d.ts.map +1 -1
  427. package/types/slotted-angular-calendar.d.ts +30 -2
  428. package/types/slotted-angular-calendar.d.ts.map +1 -1
  429. package/types/slotted-angular-card.d.ts.map +1 -1
  430. package/types/slotted-angular-carousel.d.ts.map +1 -1
  431. package/types/slotted-angular-cascader.d.ts.map +1 -1
  432. package/types/slotted-angular-chart.d.ts +10 -0
  433. package/types/slotted-angular-chart.d.ts.map +1 -1
  434. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  435. package/types/slotted-angular-checkbox.d.ts +7 -1
  436. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  437. package/types/slotted-angular-code-block.d.ts +1 -1
  438. package/types/slotted-angular-code-block.d.ts.map +1 -1
  439. package/types/slotted-angular-collapsible.d.ts +1 -1
  440. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  441. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  442. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  443. package/types/slotted-angular-combobox.d.ts +5 -1
  444. package/types/slotted-angular-combobox.d.ts.map +1 -1
  445. package/types/slotted-angular-command-palette.d.ts +10 -1
  446. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  447. package/types/slotted-angular-container.d.ts.map +1 -1
  448. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  449. package/types/slotted-angular-currency-field.d.ts +63 -15
  450. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  451. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  452. package/types/slotted-angular-data-grid.d.ts +49 -4
  453. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  454. package/types/slotted-angular-data-list.d.ts.map +1 -1
  455. package/types/slotted-angular-date-field.d.ts +11 -1
  456. package/types/slotted-angular-date-field.d.ts.map +1 -1
  457. package/types/slotted-angular-date-picker.d.ts +38 -12
  458. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  459. package/types/slotted-angular-date-range-picker.d.ts +0 -1
  460. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  461. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  462. package/types/slotted-angular-datetime-picker.d.ts +0 -1
  463. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  464. package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
  465. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  466. package/types/slotted-angular-description-list.d.ts.map +1 -1
  467. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  468. package/types/slotted-angular-dialog.d.ts +10 -3
  469. package/types/slotted-angular-dialog.d.ts.map +1 -1
  470. package/types/slotted-angular-divider.d.ts.map +1 -1
  471. package/types/slotted-angular-drawer.d.ts +7 -1
  472. package/types/slotted-angular-drawer.d.ts.map +1 -1
  473. package/types/slotted-angular-entity-picker.d.ts +63 -15
  474. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  475. package/types/slotted-angular-event-calendar.d.ts +9 -2
  476. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  477. package/types/slotted-angular-field-group.d.ts.map +1 -1
  478. package/types/slotted-angular-field.d.ts.map +1 -1
  479. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  480. package/types/slotted-angular-form.d.ts.map +1 -1
  481. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  482. package/types/slotted-angular-grid.d.ts.map +1 -1
  483. package/types/slotted-angular-highlight.d.ts.map +1 -1
  484. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  485. package/types/slotted-angular-icon.d.ts +2 -2
  486. package/types/slotted-angular-icon.d.ts.map +1 -1
  487. package/types/slotted-angular-image.d.ts.map +1 -1
  488. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  489. package/types/slotted-angular-inline-message.d.ts +25 -25
  490. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  491. package/types/slotted-angular-inline.d.ts.map +1 -1
  492. package/types/slotted-angular-kbd.d.ts.map +1 -1
  493. package/types/slotted-angular-link.d.ts.map +1 -1
  494. package/types/slotted-angular-list-item.d.ts +1 -1
  495. package/types/slotted-angular-list-item.d.ts.map +1 -1
  496. package/types/slotted-angular-list.d.ts +42 -27
  497. package/types/slotted-angular-list.d.ts.map +1 -1
  498. package/types/slotted-angular-listbox.d.ts.map +1 -1
  499. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  500. package/types/slotted-angular-markdown.d.ts.map +1 -1
  501. package/types/slotted-angular-menu.d.ts +11 -2
  502. package/types/slotted-angular-menu.d.ts.map +1 -1
  503. package/types/slotted-angular-menubar.d.ts.map +1 -1
  504. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  505. package/types/slotted-angular-message.d.ts +1 -1
  506. package/types/slotted-angular-message.d.ts.map +1 -1
  507. package/types/slotted-angular-multi-select.d.ts +15 -1
  508. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  509. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  510. package/types/slotted-angular-notification-center.d.ts +1 -1
  511. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  512. package/types/slotted-angular-number-field.d.ts.map +1 -1
  513. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  514. package/types/slotted-angular-page-header.d.ts +4 -4
  515. package/types/slotted-angular-page-header.d.ts.map +1 -1
  516. package/types/slotted-angular-page.d.ts.map +1 -1
  517. package/types/slotted-angular-pagination.d.ts.map +1 -1
  518. package/types/slotted-angular-popover.d.ts.map +1 -1
  519. package/types/slotted-angular-progress-indicator.d.ts +8 -1
  520. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  521. package/types/slotted-angular-prompt-composer.d.ts +11 -2
  522. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  523. package/types/slotted-angular-prose.d.ts.map +1 -1
  524. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  525. package/types/slotted-angular-rating.d.ts +1 -1
  526. package/types/slotted-angular-rating.d.ts.map +1 -1
  527. package/types/slotted-angular-result-state.d.ts.map +1 -1
  528. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  529. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  530. package/types/slotted-angular-section.d.ts +11 -3
  531. package/types/slotted-angular-section.d.ts.map +1 -1
  532. package/types/slotted-angular-segmented-control.d.ts +15 -2
  533. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  534. package/types/slotted-angular-select.d.ts +12 -2
  535. package/types/slotted-angular-select.d.ts.map +1 -1
  536. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  537. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  538. package/types/slotted-angular-slider.d.ts.map +1 -1
  539. package/types/slotted-angular-sparkline.d.ts +7 -1
  540. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  541. package/types/slotted-angular-split-button.d.ts +2 -2
  542. package/types/slotted-angular-split-button.d.ts.map +1 -1
  543. package/types/slotted-angular-splitter.d.ts.map +1 -1
  544. package/types/slotted-angular-stack.d.ts.map +1 -1
  545. package/types/slotted-angular-stat-card.d.ts +1 -1
  546. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  547. package/types/slotted-angular-status-indicator.d.ts +1 -1
  548. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  549. package/types/slotted-angular-stepper.d.ts +1 -1
  550. package/types/slotted-angular-stepper.d.ts.map +1 -1
  551. package/types/slotted-angular-switch.d.ts.map +1 -1
  552. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  553. package/types/slotted-angular-table.d.ts +63 -6
  554. package/types/slotted-angular-table.d.ts.map +1 -1
  555. package/types/slotted-angular-tabs.d.ts +3 -4
  556. package/types/slotted-angular-tabs.d.ts.map +1 -1
  557. package/types/slotted-angular-tag.d.ts +1 -1
  558. package/types/slotted-angular-tag.d.ts.map +1 -1
  559. package/types/slotted-angular-tags-input.d.ts +33 -1
  560. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  561. package/types/slotted-angular-text-field.d.ts.map +1 -1
  562. package/types/slotted-angular-textarea.d.ts.map +1 -1
  563. package/types/slotted-angular-theme.d.ts +1 -1
  564. package/types/slotted-angular-time-field.d.ts.map +1 -1
  565. package/types/slotted-angular-time-picker.d.ts +0 -1
  566. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  567. package/types/slotted-angular-time-range-picker.d.ts +0 -1
  568. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  569. package/types/slotted-angular-timeline.d.ts +1 -1
  570. package/types/slotted-angular-timeline.d.ts.map +1 -1
  571. package/types/slotted-angular-toast.d.ts +3 -3
  572. package/types/slotted-angular-toast.d.ts.map +1 -1
  573. package/types/slotted-angular-toggle-group.d.ts +8 -2
  574. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  575. package/types/slotted-angular-toggle.d.ts +1 -1
  576. package/types/slotted-angular-toggle.d.ts.map +1 -1
  577. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  578. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  579. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  580. package/types/slotted-angular-tour.d.ts.map +1 -1
  581. package/types/slotted-angular-transfer.d.ts.map +1 -1
  582. package/types/slotted-angular-tree.d.ts.map +1 -1
  583. package/types/slotted-angular-typography.d.ts +1 -1
  584. package/types/slotted-angular-typography.d.ts.map +1 -1
  585. package/types/slotted-angular-upload.d.ts +2 -2
  586. package/types/slotted-angular-upload.d.ts.map +1 -1
  587. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  588. package/types/slotted-angular-wizard.d.ts.map +1 -1
package/fesm2022/slotted-angular-top-navigation.mjs CHANGED
@@ -7,6 +7,7 @@ import { injectMessages } from '@slotted/angular/i18n';
7
7
  import { topNavigationMessages } from '@slotted/core/i18n';
8
8
  import * as i0 from '@angular/core';
9
9
  import { InjectionToken, inject, Injectable, model, input, booleanAttribute, output, ElementRef, computed, signal, DestroyRef, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, HostAttributeToken, Directive, afterNextRender, untracked, forwardRef } from '@angular/core';
10
+ import { writeSelectorKey } from '@slotted/core/selector-key';
10
11
  import * as i2 from '@slotted/angular/tooltip';
11
12
  import { SlTooltip, provideTooltipDefaults, SlTooltipLayer, SlTooltipContent } from '@slotted/angular/tooltip';
12
13
  import { SlGlyph, SlIcon } from '@slotted/angular/icon';
@@ -374,23 +375,25 @@ class SlTopNavigation {
374
375
  this.searchNode()?.querySelector('input, [contenteditable]')?.focus();
375
376
  }
376
377
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
377
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigation, isStandalone: true, selector: "[slTopNavigation]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, moreOpen: { classPropertyName: "moreOpen", publicName: "moreOpen", isSignal: true, isRequired: false, transformFunction: null }, searchOpen: { classPropertyName: "searchOpen", publicName: "searchOpen", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, landmark: { classPropertyName: "landmark", publicName: "landmark", isSignal: true, isRequired: false, transformFunction: null }, skipTo: { classPropertyName: "skipTo", publicName: "skipTo", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", moreOpen: "moreOpenChange", searchOpen: "searchOpenChange", valueChangeRequest: "valueChangeRequest", moreOpenChangeRequest: "moreOpenChangeRequest", searchOpenChangeRequest: "searchOpenChangeRequest", collapseChange: "collapseChange" }, host: { attributes: { "data-ui": "top-navigation", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-frame": "resolvedFrame() ? '' : null", "attr.data-search-open": "searchTakesBar() ? '' : null" } }, exportAs: ["slTopNavigation"], ngImport: i0, template: `@if (skipTo()) {
378
- <a data-part="skip" [attr.href]="'#' + skipTo()">{{ t('skip') }}</a>
378
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigation, isStandalone: true, selector: "[slTopNavigation]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, moreOpen: { classPropertyName: "moreOpen", publicName: "moreOpen", isSignal: true, isRequired: false, transformFunction: null }, searchOpen: { classPropertyName: "searchOpen", publicName: "searchOpen", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, landmark: { classPropertyName: "landmark", publicName: "landmark", isSignal: true, isRequired: false, transformFunction: null }, skipTo: { classPropertyName: "skipTo", publicName: "skipTo", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", moreOpen: "moreOpenChange", searchOpen: "searchOpenChange", valueChangeRequest: "valueChangeRequest", moreOpenChangeRequest: "moreOpenChangeRequest", searchOpenChangeRequest: "searchOpenChangeRequest", collapseChange: "collapseChange" }, host: { attributes: { "data-ui": "top-navigation", "data-ui-top-navigation": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-frame": "resolvedFrame() ? '' : null", "attr.data-search-open": "searchTakesBar() ? '' : null" } }, exportAs: ["slTopNavigation"], ngImport: i0, template: `@if (skipTo()) {
379
+ <a data-part="skip" data-part-skip="" [attr.href]="'#' + skipTo()">{{ t('skip') }}</a>
379
380
  }
380
- <ng-content />`, isInline: true, styles: ["@layer slotted.components{[data-ui=top-navigation]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-inset: var(--slotted-app-shell-row-inset, 0px);--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_row-font-size: var( --slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem) );--_row-line-height: var( --slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45) );--_inset: var(--slotted-top-navigation-inset, var(--slotted-space-5, .75rem));--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-5, .75rem) * 2) );--_radius: var(--slotted-top-navigation-radius, var(--slotted-control-radius, 4px));--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-md, .875rem) );--_name-max: var(--slotted-top-navigation-name-max, 16rem);--_search-size: var(--slotted-top-navigation-search-size, 28rem);--_search-min: var(--slotted-top-navigation-search-min, 10rem);--_edge: 0px;--_panel-size: var(--slotted-top-navigation-panel-size, 20rem);--_mark-size: calc(var(--_control-height) - var(--slotted-space-2, .25rem) * 2);--_surface: var(--slotted-top-navigation-surface, var(--slotted-surface, Canvas));--_color: var(--slotted-top-navigation-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-top-navigation-muted-color, var(--slotted-text-muted, GrayText));--_border-color: var( --slotted-top-navigation-border-color, var(--slotted-border-subtle, ButtonBorder) );--_hover-background: var( --slotted-top-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-top-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-top-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-top-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-top-navigation-current-edge, var(--slotted-current-edge, transparent) );--_count-background: var( --slotted-top-navigation-count-background, var(--slotted-tone-accent-solid) );--_count-color: var(--slotted-top-navigation-count-color, var(--slotted-tone-accent-on-solid));--_panel-surface: var( --slotted-top-navigation-panel-surface, var(--slotted-surface-raised, Canvas) );--_panel-shadow: var(--slotted-top-navigation-panel-shadow, var(--slotted-shadow-md));--_panel-radius: var(--slotted-top-navigation-panel-radius, var(--slotted-radius-lg, 8px));--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_rule-width: var(--slotted-border-width-thin, 1px);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));align-items:center;box-sizing:border-box;color:var(--_color);container-name:slotted-top-navigation;container-type:inline-size;display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_control-height);min-inline-size:0;flex:1 1 auto;position:relative}[data-ui=top-navigation][data-frame]{--_edge: var(--_inset);background-color:var(--_surface);border-block-end:var(--_rule-width) solid var(--_border-color);min-block-size:var(--_block-size)}[data-ui=top-navigation][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-height: var(--slotted-control-height-sm, 30px);--_row-font-size: var(--slotted-font-size-xs, .75rem);--_row-line-height: var(--slotted-line-height-xs, 1.4);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-sm, .8125rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-md, 34px) + var(--slotted-space-4, .5rem) * 2) )}[data-ui=top-navigation][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_action-gap: var(--slotted-control-gap-md, 8px);--_row-height: var(--slotted-control-height-lg, 38px);--_row-font-size: var(--slotted-font-size-md, .875rem);--_row-line-height: var(--slotted-line-height-md, 1.5);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-lg, 1rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-6, 1rem) * 2) )}[data-ui=top-navigation]>[data-part=skip]{background-color:var(--_surface);block-size:var(--_control-height);border-radius:var(--_radius);box-sizing:border-box;clip-path:inset(50%);color:var(--_color);display:inline-flex;align-items:center;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:50%;inset-inline-start:var(--_edge);padding-inline:var(--_control-padding);position:absolute;text-decoration:none;translate:0 -50%;white-space:nowrap;z-index:1}[data-ui=top-navigation]>[data-part=skip]:focus-visible{clip-path:none;outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation][data-part=root]>[data-part=brand]{align-items:center;display:flex;flex:0 1 auto;font-weight:inherit;gap:var(--_gap);padding-inline-start:calc(var(--_edge) + var(--_row-inset))}[data-ui=top-navigation][data-part=root]>[data-part=brand]>[data-part=home]{min-inline-size:var(--_control-height);overflow:visible;white-space:normal}[data-ui=top-navigation] [data-part=home]{align-items:center;border-radius:var(--_radius);color:var(--_color);display:inline-grid;flex:0 1 auto;gap:var(--_gap);grid-template-columns:auto minmax(0,1fr);min-block-size:var(--_control-height);min-inline-size:var(--_control-height);text-decoration:none}[data-ui=top-navigation] [data-part=home]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] [data-part=mark]{align-items:center;block-size:var(--_control-height);display:inline-flex;flex:0 0 auto;inline-size:var(--_control-height);justify-content:center}[data-ui=top-navigation] [data-part=mark]>:is(svg,img){block-size:var(--_mark-size);inline-size:var(--_mark-size)}[data-ui=top-navigation] [data-part=name]{font-size:var(--_name-font-size);font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:var(--_name-max);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=top-navigation] [data-part=context]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap)}[data-ui=top-navigation] [data-part=nav]{--_control-height: inherit;--_control-padding: inherit;--_control-font-size: inherit;--_icon-size: inherit;--_gap: inherit;--_radius: inherit;--_color: inherit;--_muted-color: inherit;--_hover-background: inherit;--_active-background: inherit;--_current-color: inherit;--_current-background: inherit;--_current-edge: inherit;--_disabled-color: inherit;--_duration: inherit;--_easing: inherit;display:flex;flex:0 0 auto}[data-ui=top-navigation] [data-part=list]{align-items:center;display:flex;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=top-navigation] [data-part=item]{display:flex;flex:0 0 auto;min-inline-size:0}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>:is([data-part=link],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current],[aria-current=page]):hover,[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current],[aria-current=page]):active,[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item][data-disabled]>[data-part=link],[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>:is([data-part=link],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]>[data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui=top-navigation] [data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications],[data-part=account],[data-part=action]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);justify-content:center;margin:0;min-block-size:var(--_control-height);min-inline-size:var(--_control-height);padding:0;position:relative;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications]){--slotted-icon-size: var(--_icon-size)}[data-ui=top-navigation] [data-part=action]{--slotted-icon-size: var(--_icon-size)}[data-ui=top-navigation] [data-part=action]>:not([data-part=count]){block-size:var(--_icon-size);flex:0 0 auto;font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):enabled:hover,[data-ui=top-navigation] a:is([data-part=help],[data-part=action]):not([data-disabled]):hover,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):enabled:active,[data-ui=top-navigation] a:is([data-part=help],[data-part=action]):not([data-disabled]):active,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] :is([data-part=more],[data-part=notifications],[data-part=account],[data-part=help],[data-part=action])[data-open]{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications],[data-part=account],[data-part=action]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):disabled,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] [data-part=more][data-current]{color:var(--_current-color)}[data-ui=top-navigation] [data-part=account]{border-radius:var(--slotted-radius-full, 9999px);gap:var(--slotted-space-3, .375rem);padding:var(--slotted-space-2, .25rem)}[data-ui=top-navigation] [data-part=account]>:not([data-ui=avatar]){padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui=top-navigation] [data-part=count]{--_count-font: var(--slotted-control-font-size-sm, 12px);--_count-size: calc(var(--_count-font) * var(--slotted-line-height-xs, 1.4));--_count-inset: calc((var(--_control-height) - var(--_icon-size)) / 2);align-content:center;background-color:var(--_count-background);block-size:var(--_count-size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface);box-sizing:border-box;color:var(--_count-color);display:block;font-size:var(--_count-font);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:calc(var(--_count-inset) - var(--_count-size) / 2);inset-inline-start:calc(100% - var(--_count-inset) - var(--_count-size) / 2);line-height:1;min-inline-size:var(--_count-size);padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;text-align:center;white-space:nowrap;z-index:1}@supports (text-box: trim-both cap alphabetic){[data-ui=top-navigation] [data-part=count]{text-box:trim-both cap alphabetic}}[data-ui=top-navigation] [data-part=search]{align-items:center;display:flex;flex:1 10000 var(--_search-size);gap:var(--_action-gap);margin-inline:0 auto;max-inline-size:var(--_search-size);min-inline-size:var(--_search-min)}[data-ui=top-navigation] [data-part=search]>:not([data-part=search-close]){flex:1 1 auto;min-inline-size:0}[data-ui=top-navigation] [data-part=search-toggle],[data-ui=top-navigation] [data-part=search-close]{display:none}[data-ui=top-navigation] [data-part=actions]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap);margin-inline-start:auto;padding-inline-end:calc(var(--_edge) + var(--_row-inset))}[data-ui=top-navigation] [data-part=item]:has(>[data-part=more]){display:none}[data-ui=top-navigation] [data-part=item]:has(>[data-part=more][data-overflow]){display:flex}[data-ui=top-navigation] [data-part=panel]{--_enter-distance: var(--slotted-space-2, .25rem);background-color:var(--_panel-surface);border:var(--_rule-width) solid var(--_border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow);box-sizing:border-box;color:var(--_color);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);inline-size:var(--_panel-size);inset-block-start:calc(100% + var(--slotted-space-2, .25rem));inset-inline-end:var(--_edge);max-inline-size:100%;opacity:0;padding:var(--slotted-space-2, .25rem);position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),visibility var(--slotted-duration-short) step-end;translate:0 calc(-1 * var(--_enter-distance));visibility:hidden;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0))}[data-ui=top-navigation] [data-part=panel][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter),visibility var(--slotted-duration-medium) step-start;translate:0 0;visibility:visible}[data-ui=top-navigation] [data-part=panel-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=top-navigation] [data-part=panel-list]:empty{display:none}[data-ui=top-navigation] [data-part=panel] [data-part=item]{display:flex;flex:0 0 auto}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>:is([data-part=link],[data-part=trigger]),[data-ui=top-navigation] [data-part=panel]>[data-part=help]{flex:1 1 auto;font-size:var(--_row-font-size);justify-content:flex-start;line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);white-space:normal}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=trigger]>[data-part=indicator]{margin-inline-end:0;margin-inline-start:auto}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]:has(>[data-part=content]){align-items:stretch;flex-direction:column}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=content]{display:grid;gap:var(--slotted-space-1, .125rem);padding-block-end:var(--slotted-space-2, .25rem);padding-inline-start:var(--_control-padding)}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=links]{display:grid;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]{align-content:center;border-radius:var(--_radius);color:var(--_color);column-gap:var(--_action-gap);display:grid;font-size:var(--_row-font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not(:has(>[data-part=icon]))>*{grid-column:1 / -1}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);display:flex;grid-row:1 / span 2}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=description]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);grid-column:2}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=group-label]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_border-color);display:flex;gap:var(--_action-gap);justify-content:space-between;padding-block-start:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui=top-navigation] [data-part=actions]>[data-part=help]{gap:var(--_control-height);inline-size:var(--_control-height);justify-content:flex-start;overflow:hidden;padding-inline-start:calc((var(--_control-height) - var(--_icon-size)) / 2)}[data-ui=top-navigation] [data-part=panel]>[data-part=help]{gap:var(--_gap)}[data-ui=top-navigation] [data-part=panel]>[data-part=context]{padding:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem)}[data-ui=top-navigation] [data-part=panel]>[data-part=context]{order:-1}[data-ui=top-navigation] [data-part=panel]>[data-part=help]{order:1}[data-ui=top-navigation] [data-part=panel]:has(>[data-part=context])>[data-part=panel-list]:not(:empty),[data-ui=top-navigation] [data-part=panel]:has(>[data-part=panel-list]:not(:empty),>[data-part=context])>[data-part=help]{border-block-start:var(--_rule-width) solid var(--_border-color);padding-block-start:var(--slotted-space-2, .25rem)}@container slotted-top-navigation (inline-size < 1024px){[data-ui=top-navigation] [data-part=list]>[data-part=item][data-priority=low]{display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item][data-priority=low])>[data-part=item]:has(>[data-part=more]){display:flex}}@container slotted-top-navigation (inline-size < 600px){[data-ui=top-navigation] [data-part=list]>[data-part=item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part=more])){display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part=more])))>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation]:not([data-search-open]) [data-part=search]{display:none}[data-ui=top-navigation]:not([data-search-open]) [data-part=search-toggle]{display:inline-flex}[data-ui=top-navigation][data-search-open] [data-part=search]{max-inline-size:none;padding-inline:var(--_edge)}[data-ui=top-navigation][data-search-open] [data-part=search-close]{display:inline-flex}[data-ui=top-navigation][data-search-open]>:is([data-part=brand],[data-part=context],[data-part=nav],[data-part=actions]){display:none}[data-ui=top-navigation] [data-part=account]>:not([data-ui=avatar]){display:none}[data-ui=top-navigation]>[data-part=context]{display:none}[data-ui=top-navigation]:has(>[data-part=context]) [data-part=list]>[data-part=item]:has(>[data-part=more]){display:flex}}@container slotted-top-navigation (inline-size < 480px){[data-ui=top-navigation]{--_gap: var(--slotted-space-2, .25rem);--_action-gap: var(--slotted-space-2, .25rem)}[data-ui=top-navigation] [data-part=list]>[data-part=item][data-priority=high]{display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item][data-priority=high])>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation] [data-part=count]{inset-inline-end:calc(var(--slotted-border-width-thick, 2px) - var(--_action-gap));inset-inline-start:auto}[data-ui=top-navigation] [data-part=name]{clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=top-navigation] [data-part=home]{grid-template-columns:auto}[data-ui=top-navigation] [data-part=actions]>[data-part=help]{display:none}[data-ui=top-navigation]:has([data-part=actions]>[data-part=help]) [data-part=list]>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation] [data-part=panel]{inline-size:auto;inset-inline:var(--_edge)}}@media(prefers-reduced-motion:reduce){[data-ui=top-navigation] [data-part=panel],[data-ui=top-navigation] [data-part=panel][data-open]{translate:0 0}}@media(forced-colors:active){[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=top-navigation] [data-part=count]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item][data-disabled]>[data-part=link],[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]:disabled{color:GrayText}[data-ui=top-navigation][data-frame],[data-ui=top-navigation] [data-part=panel]{border-color:CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
381
+ <ng-content />`, isInline: true, styles: ["@layer slotted.components{[data-ui-top-navigation]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-inset: var(--slotted-app-shell-row-inset, 0px);--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_row-font-size: var( --slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem) );--_row-line-height: var( --slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45) );--_inset: var(--slotted-top-navigation-inset, var(--slotted-space-5, .75rem));--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-5, .75rem) * 2) );--_radius: var(--slotted-top-navigation-radius, var(--slotted-control-radius, 4px));--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-md, .875rem) );--_name-max: var(--slotted-top-navigation-name-max, 16rem);--_search-size: var(--slotted-top-navigation-search-size, 28rem);--_search-min: var(--slotted-top-navigation-search-min, 10rem);--_edge: 0px;--_panel-size: var(--slotted-top-navigation-panel-size, 20rem);--_mark-size: calc(var(--_control-height) - var(--slotted-space-2, .25rem) * 2);--_surface: var(--slotted-top-navigation-surface, var(--slotted-surface, Canvas));--_color: var(--slotted-top-navigation-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-top-navigation-muted-color, var(--slotted-text-muted, GrayText));--_border-color: var( --slotted-top-navigation-border-color, var(--slotted-border-subtle, ButtonBorder) );--_hover-background: var( --slotted-top-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-top-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-top-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-top-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-top-navigation-current-edge, var(--slotted-current-edge, transparent) );--_count-background: var( --slotted-top-navigation-count-background, var(--slotted-tone-accent-solid) );--_count-color: var(--slotted-top-navigation-count-color, var(--slotted-tone-accent-on-solid));--_panel-surface: var( --slotted-top-navigation-panel-surface, var(--slotted-surface-raised, Canvas) );--_panel-shadow: var(--slotted-top-navigation-panel-shadow, var(--slotted-shadow-md));--_panel-radius: var(--slotted-top-navigation-panel-radius, var(--slotted-radius-lg, 8px));--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_rule-width: var(--slotted-border-width-thin, 1px);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));align-items:center;box-sizing:border-box;color:var(--_color);container-name:slotted-top-navigation;container-type:inline-size;display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_control-height);min-inline-size:0;flex:1 1 auto;position:relative}[data-ui-top-navigation][data-frame]{--_edge: var(--_inset);background-color:var(--_surface);border-block-end:var(--_rule-width) solid var(--_border-color);min-block-size:var(--_block-size)}[data-ui-top-navigation][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-height: var(--slotted-control-height-sm, 30px);--_row-font-size: var(--slotted-font-size-xs, .75rem);--_row-line-height: var(--slotted-line-height-xs, 1.4);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-sm, .8125rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-md, 34px) + var(--slotted-space-4, .5rem) * 2) )}[data-ui-top-navigation][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_action-gap: var(--slotted-control-gap-md, 8px);--_row-height: var(--slotted-control-height-lg, 38px);--_row-font-size: var(--slotted-font-size-md, .875rem);--_row-line-height: var(--slotted-line-height-md, 1.5);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-lg, 1rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-6, 1rem) * 2) )}[data-ui-top-navigation]>[data-part-skip]{background-color:var(--_surface);block-size:var(--_control-height);border-radius:var(--_radius);box-sizing:border-box;clip-path:inset(50%);color:var(--_color);display:inline-flex;align-items:center;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:50%;inset-inline-start:var(--_edge);padding-inline:var(--_control-padding);position:absolute;text-decoration:none;translate:0 -50%;white-space:nowrap;z-index:1}[data-ui-top-navigation]>[data-part-skip]:focus-visible{clip-path:none;outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation][data-part-root]>[data-part-brand]{align-items:center;display:flex;flex:0 1 auto;font-weight:inherit;gap:var(--_gap);padding-inline-start:calc(var(--_edge) + var(--_row-inset))}[data-ui-top-navigation][data-part-root]>[data-part-brand]>[data-part-home]{min-inline-size:var(--_control-height);overflow:visible;white-space:normal}[data-ui-top-navigation] [data-part-home]{align-items:center;border-radius:var(--_radius);color:var(--_color);display:inline-grid;flex:0 1 auto;gap:var(--_gap);grid-template-columns:auto minmax(0,1fr);min-block-size:var(--_control-height);min-inline-size:var(--_control-height);text-decoration:none}[data-ui-top-navigation] [data-part-home]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] [data-part-mark]{align-items:center;block-size:var(--_control-height);display:inline-flex;flex:0 0 auto;inline-size:var(--_control-height);justify-content:center}[data-ui-top-navigation] [data-part-mark]>:is(svg,img){block-size:var(--_mark-size);inline-size:var(--_mark-size)}[data-ui-top-navigation] [data-part-name]{font-size:var(--_name-font-size);font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:var(--_name-max);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-top-navigation] [data-part-context]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap)}[data-ui-top-navigation] [data-part-nav]{--_control-height: inherit;--_control-padding: inherit;--_control-font-size: inherit;--_icon-size: inherit;--_gap: inherit;--_radius: inherit;--_color: inherit;--_muted-color: inherit;--_hover-background: inherit;--_active-background: inherit;--_current-color: inherit;--_current-background: inherit;--_current-edge: inherit;--_disabled-color: inherit;--_duration: inherit;--_easing: inherit;display:flex;flex:0 0 auto}[data-ui-top-navigation] [data-part-list]{align-items:center;display:flex;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-top-navigation] [data-part-item]{display:flex;flex:0 0 auto;min-inline-size:0}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>:is([data-part-link],[data-part-trigger]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current],[aria-current=page]):hover,[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current],[aria-current=page]):active,[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger][data-open]:enabled{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item][data-disabled]>[data-part-link],[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>:is([data-part-link],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]>[data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui-top-navigation] [data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:.5turn}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications],[data-part-account],[data-part-action]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);justify-content:center;margin:0;min-block-size:var(--_control-height);min-inline-size:var(--_control-height);padding:0;position:relative;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications]){--slotted-icon-size: var(--_icon-size)}[data-ui-top-navigation] [data-part-action]{--slotted-icon-size: var(--_icon-size)}[data-ui-top-navigation] [data-part-action]>:not([data-part-count]){block-size:var(--_icon-size);flex:0 0 auto;font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):enabled:hover,[data-ui-top-navigation] a:is([data-part-help],[data-part-action]):not([data-disabled]):hover,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):enabled:active,[data-ui-top-navigation] a:is([data-part-help],[data-part-action]):not([data-disabled]):active,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] :is([data-part-more],[data-part-notifications],[data-part-account],[data-part-help],[data-part-action])[data-open]{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications],[data-part-account],[data-part-action]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):disabled,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] [data-part-more][data-current]{color:var(--_current-color)}[data-ui-top-navigation] [data-part-account]{border-radius:var(--slotted-radius-full, 9999px);gap:var(--slotted-space-3, .375rem);padding:var(--slotted-space-2, .25rem)}[data-ui-top-navigation] [data-part-account]>:not([data-ui-avatar]){padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui-top-navigation] [data-part-count]{--_count-font: var(--slotted-control-font-size-sm, 12px);--_count-size: calc(var(--_count-font) * var(--slotted-line-height-xs, 1.4));--_count-inset: calc((var(--_control-height) - var(--_icon-size)) / 2);align-content:center;background-color:var(--_count-background);block-size:var(--_count-size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface);box-sizing:border-box;color:var(--_count-color);display:block;font-size:var(--_count-font);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:calc(var(--_count-inset) - var(--_count-size) / 2);inset-inline-start:calc(100% - var(--_count-inset) - var(--_count-size) / 2);line-height:1;min-inline-size:var(--_count-size);padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;text-align:center;white-space:nowrap;z-index:1}@supports (text-box: trim-both cap alphabetic){[data-ui-top-navigation] [data-part-count]{text-box:trim-both cap alphabetic}}[data-ui-top-navigation] [data-part-search]{align-items:center;display:flex;flex:1 10000 var(--_search-size);gap:var(--_action-gap);margin-inline:0 auto;max-inline-size:var(--_search-size);min-inline-size:var(--_search-min)}[data-ui-top-navigation] [data-part-search]>:not([data-part-search-close]){flex:1 1 auto;min-inline-size:0}[data-ui-top-navigation] [data-part-search-toggle],[data-ui-top-navigation] [data-part-search-close]{display:none}[data-ui-top-navigation] [data-part-actions]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap);margin-inline-start:auto;padding-inline-end:calc(var(--_edge) + var(--_row-inset))}[data-ui-top-navigation] [data-part-item]:has(>[data-part-more]){display:none}[data-ui-top-navigation] [data-part-item]:has(>[data-part-more][data-overflow]){display:flex}[data-ui-top-navigation] [data-part-panel]{--_enter-distance: var(--slotted-space-2, .25rem);background-color:var(--_panel-surface);border:var(--_rule-width) solid var(--_border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow);box-sizing:border-box;color:var(--_color);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);inline-size:var(--_panel-size);inset-block-start:calc(100% + var(--slotted-space-2, .25rem));inset-inline-end:var(--_edge);max-inline-size:100%;opacity:0;padding:var(--slotted-space-2, .25rem);position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),visibility var(--slotted-duration-short) step-end;translate:0 calc(-1 * var(--_enter-distance));visibility:hidden;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0))}[data-ui-top-navigation] [data-part-panel][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter),visibility var(--slotted-duration-medium) step-start;translate:0 0;visibility:visible}[data-ui-top-navigation] [data-part-panel-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-top-navigation] [data-part-panel-list]:empty{display:none}[data-ui-top-navigation] [data-part-panel] [data-part-item]{display:flex;flex:0 0 auto}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>:is([data-part-link],[data-part-trigger]),[data-ui-top-navigation] [data-part-panel]>[data-part-help]{flex:1 1 auto;font-size:var(--_row-font-size);justify-content:flex-start;line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);white-space:normal}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-trigger]>[data-part-indicator]{margin-inline-end:0;margin-inline-start:auto}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]:has(>[data-part-content]){align-items:stretch;flex-direction:column}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-content]{display:grid;gap:var(--slotted-space-1, .125rem);padding-block-end:var(--slotted-space-2, .25rem);padding-inline-start:var(--_control-padding)}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-content][hidden]{display:none}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-links]{display:grid;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]{align-content:center;border-radius:var(--_radius);color:var(--_color);column-gap:var(--_action-gap);display:grid;font-size:var(--_row-font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not(:has(>[data-part-icon]))>*{grid-column:1 / -1}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);display:flex;grid-row:1 / span 2}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-description]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);grid-column:2}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-group-label]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_border-color);display:flex;gap:var(--_action-gap);justify-content:space-between;padding-block-start:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui-top-navigation] [data-part-actions]>[data-part-help]{gap:var(--_control-height);inline-size:var(--_control-height);justify-content:flex-start;overflow:hidden;padding-inline-start:calc((var(--_control-height) - var(--_icon-size)) / 2)}[data-ui-top-navigation] [data-part-panel]>[data-part-help]{gap:var(--_gap)}[data-ui-top-navigation] [data-part-panel]>[data-part-context]{padding:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem)}[data-ui-top-navigation] [data-part-panel]>[data-part-context]{order:-1}[data-ui-top-navigation] [data-part-panel]>[data-part-help]{order:1}[data-ui-top-navigation] [data-part-panel]:has(>[data-part-context])>[data-part-panel-list]:not(:empty),[data-ui-top-navigation] [data-part-panel]:has(>[data-part-panel-list]:not(:empty),>[data-part-context])>[data-part-help]{border-block-start:var(--_rule-width) solid var(--_border-color);padding-block-start:var(--slotted-space-2, .25rem)}@container slotted-top-navigation (inline-size < 1024px){[data-ui-top-navigation] [data-part-list]>[data-part-item][data-priority=low]{display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item][data-priority=low])>[data-part-item]:has(>[data-part-more]){display:flex}}@container slotted-top-navigation (inline-size < 600px){[data-ui-top-navigation] [data-part-list]>[data-part-item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part-more])){display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part-more])))>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation]:not([data-search-open]) [data-part-search]{display:none}[data-ui-top-navigation]:not([data-search-open]) [data-part-search-toggle]{display:inline-flex}[data-ui-top-navigation][data-search-open] [data-part-search]{max-inline-size:none;padding-inline:var(--_edge)}[data-ui-top-navigation][data-search-open] [data-part-search-close]{display:inline-flex}[data-ui-top-navigation][data-search-open]>:is([data-part-brand],[data-part-context],[data-part-nav],[data-part-actions]){display:none}[data-ui-top-navigation] [data-part-account]>:not([data-ui-avatar]){display:none}[data-ui-top-navigation]>[data-part-context]{display:none}[data-ui-top-navigation]:has(>[data-part-context]) [data-part-list]>[data-part-item]:has(>[data-part-more]){display:flex}}@container slotted-top-navigation (inline-size < 480px){[data-ui-top-navigation]{--_gap: var(--slotted-space-2, .25rem);--_action-gap: var(--slotted-space-2, .25rem)}[data-ui-top-navigation] [data-part-list]>[data-part-item][data-priority=high]{display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item][data-priority=high])>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation] [data-part-count]{inset-inline-end:calc(var(--slotted-border-width-thick, 2px) - var(--_action-gap));inset-inline-start:auto}[data-ui-top-navigation] [data-part-name]{clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-top-navigation] [data-part-home]{grid-template-columns:auto}[data-ui-top-navigation] [data-part-actions]>[data-part-help]{display:none}[data-ui-top-navigation]:has([data-part-actions]>[data-part-help]) [data-part-list]>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation] [data-part-panel]{inline-size:auto;inset-inline:var(--_edge)}}@media(prefers-reduced-motion:reduce){[data-ui-top-navigation] [data-part-panel],[data-ui-top-navigation] [data-part-panel][data-open]{translate:0 0}}@media(forced-colors:active){[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-top-navigation] [data-part-count]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item][data-disabled]>[data-part-link],[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]:disabled{color:GrayText}[data-ui-top-navigation][data-frame],[data-ui-top-navigation] [data-part-panel]{border-color:CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
381
382
  }
382
383
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigation, decorators: [{
383
384
  type: Component,
384
385
  args: [{ selector: '[slTopNavigation]', standalone: true, exportAs: 'slTopNavigation', template: `@if (skipTo()) {
385
- <a data-part="skip" [attr.href]="'#' + skipTo()">{{ t('skip') }}</a>
386
+ <a data-part="skip" data-part-skip="" [attr.href]="'#' + skipTo()">{{ t('skip') }}</a>
386
387
  }
387
388
  <ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
388
389
  'data-ui': 'top-navigation',
390
+ 'data-ui-top-navigation': '',
389
391
  'data-part': 'root',
392
+ 'data-part-root': '',
390
393
  '[attr.data-size]': 'resolvedSize()',
391
394
  '[attr.data-frame]': "resolvedFrame() ? '' : null",
392
395
  '[attr.data-search-open]': "searchTakesBar() ? '' : null",
393
- }, styles: ["@layer slotted.components{[data-ui=top-navigation]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-inset: var(--slotted-app-shell-row-inset, 0px);--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_row-font-size: var( --slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem) );--_row-line-height: var( --slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45) );--_inset: var(--slotted-top-navigation-inset, var(--slotted-space-5, .75rem));--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-5, .75rem) * 2) );--_radius: var(--slotted-top-navigation-radius, var(--slotted-control-radius, 4px));--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-md, .875rem) );--_name-max: var(--slotted-top-navigation-name-max, 16rem);--_search-size: var(--slotted-top-navigation-search-size, 28rem);--_search-min: var(--slotted-top-navigation-search-min, 10rem);--_edge: 0px;--_panel-size: var(--slotted-top-navigation-panel-size, 20rem);--_mark-size: calc(var(--_control-height) - var(--slotted-space-2, .25rem) * 2);--_surface: var(--slotted-top-navigation-surface, var(--slotted-surface, Canvas));--_color: var(--slotted-top-navigation-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-top-navigation-muted-color, var(--slotted-text-muted, GrayText));--_border-color: var( --slotted-top-navigation-border-color, var(--slotted-border-subtle, ButtonBorder) );--_hover-background: var( --slotted-top-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-top-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-top-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-top-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-top-navigation-current-edge, var(--slotted-current-edge, transparent) );--_count-background: var( --slotted-top-navigation-count-background, var(--slotted-tone-accent-solid) );--_count-color: var(--slotted-top-navigation-count-color, var(--slotted-tone-accent-on-solid));--_panel-surface: var( --slotted-top-navigation-panel-surface, var(--slotted-surface-raised, Canvas) );--_panel-shadow: var(--slotted-top-navigation-panel-shadow, var(--slotted-shadow-md));--_panel-radius: var(--slotted-top-navigation-panel-radius, var(--slotted-radius-lg, 8px));--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_rule-width: var(--slotted-border-width-thin, 1px);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));align-items:center;box-sizing:border-box;color:var(--_color);container-name:slotted-top-navigation;container-type:inline-size;display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_control-height);min-inline-size:0;flex:1 1 auto;position:relative}[data-ui=top-navigation][data-frame]{--_edge: var(--_inset);background-color:var(--_surface);border-block-end:var(--_rule-width) solid var(--_border-color);min-block-size:var(--_block-size)}[data-ui=top-navigation][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-height: var(--slotted-control-height-sm, 30px);--_row-font-size: var(--slotted-font-size-xs, .75rem);--_row-line-height: var(--slotted-line-height-xs, 1.4);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-sm, .8125rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-md, 34px) + var(--slotted-space-4, .5rem) * 2) )}[data-ui=top-navigation][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_action-gap: var(--slotted-control-gap-md, 8px);--_row-height: var(--slotted-control-height-lg, 38px);--_row-font-size: var(--slotted-font-size-md, .875rem);--_row-line-height: var(--slotted-line-height-md, 1.5);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-lg, 1rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-6, 1rem) * 2) )}[data-ui=top-navigation]>[data-part=skip]{background-color:var(--_surface);block-size:var(--_control-height);border-radius:var(--_radius);box-sizing:border-box;clip-path:inset(50%);color:var(--_color);display:inline-flex;align-items:center;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:50%;inset-inline-start:var(--_edge);padding-inline:var(--_control-padding);position:absolute;text-decoration:none;translate:0 -50%;white-space:nowrap;z-index:1}[data-ui=top-navigation]>[data-part=skip]:focus-visible{clip-path:none;outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation][data-part=root]>[data-part=brand]{align-items:center;display:flex;flex:0 1 auto;font-weight:inherit;gap:var(--_gap);padding-inline-start:calc(var(--_edge) + var(--_row-inset))}[data-ui=top-navigation][data-part=root]>[data-part=brand]>[data-part=home]{min-inline-size:var(--_control-height);overflow:visible;white-space:normal}[data-ui=top-navigation] [data-part=home]{align-items:center;border-radius:var(--_radius);color:var(--_color);display:inline-grid;flex:0 1 auto;gap:var(--_gap);grid-template-columns:auto minmax(0,1fr);min-block-size:var(--_control-height);min-inline-size:var(--_control-height);text-decoration:none}[data-ui=top-navigation] [data-part=home]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] [data-part=mark]{align-items:center;block-size:var(--_control-height);display:inline-flex;flex:0 0 auto;inline-size:var(--_control-height);justify-content:center}[data-ui=top-navigation] [data-part=mark]>:is(svg,img){block-size:var(--_mark-size);inline-size:var(--_mark-size)}[data-ui=top-navigation] [data-part=name]{font-size:var(--_name-font-size);font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:var(--_name-max);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=top-navigation] [data-part=context]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap)}[data-ui=top-navigation] [data-part=nav]{--_control-height: inherit;--_control-padding: inherit;--_control-font-size: inherit;--_icon-size: inherit;--_gap: inherit;--_radius: inherit;--_color: inherit;--_muted-color: inherit;--_hover-background: inherit;--_active-background: inherit;--_current-color: inherit;--_current-background: inherit;--_current-edge: inherit;--_disabled-color: inherit;--_duration: inherit;--_easing: inherit;display:flex;flex:0 0 auto}[data-ui=top-navigation] [data-part=list]{align-items:center;display:flex;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=top-navigation] [data-part=item]{display:flex;flex:0 0 auto;min-inline-size:0}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>:is([data-part=link],[data-part=trigger]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current],[aria-current=page]):hover,[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current],[aria-current=page]):active,[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] [data-part=item]:not([data-disabled])>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item][data-disabled]>[data-part=link],[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>:is([data-part=link],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]>[data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui=top-navigation] [data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications],[data-part=account],[data-part=action]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);justify-content:center;margin:0;min-block-size:var(--_control-height);min-inline-size:var(--_control-height);padding:0;position:relative;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications]){--slotted-icon-size: var(--_icon-size)}[data-ui=top-navigation] [data-part=action]{--slotted-icon-size: var(--_icon-size)}[data-ui=top-navigation] [data-part=action]>:not([data-part=count]){block-size:var(--_icon-size);flex:0 0 auto;font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):enabled:hover,[data-ui=top-navigation] a:is([data-part=help],[data-part=action]):not([data-disabled]):hover,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):enabled:active,[data-ui=top-navigation] a:is([data-part=help],[data-part=action]):not([data-disabled]):active,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] :is([data-part=more],[data-part=notifications],[data-part=account],[data-part=help],[data-part=action])[data-open]{background-color:var(--_hover-background);color:var(--_color)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=help],[data-part=notifications],[data-part=account],[data-part=action]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=top-navigation] :is([data-part=more],[data-part=search-toggle],[data-part=search-close],[data-part=notifications],[data-part=account]):disabled,[data-ui=top-navigation] button:is([data-part=help],[data-part=action]):disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] [data-part=more][data-current]{color:var(--_current-color)}[data-ui=top-navigation] [data-part=account]{border-radius:var(--slotted-radius-full, 9999px);gap:var(--slotted-space-3, .375rem);padding:var(--slotted-space-2, .25rem)}[data-ui=top-navigation] [data-part=account]>:not([data-ui=avatar]){padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui=top-navigation] [data-part=count]{--_count-font: var(--slotted-control-font-size-sm, 12px);--_count-size: calc(var(--_count-font) * var(--slotted-line-height-xs, 1.4));--_count-inset: calc((var(--_control-height) - var(--_icon-size)) / 2);align-content:center;background-color:var(--_count-background);block-size:var(--_count-size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface);box-sizing:border-box;color:var(--_count-color);display:block;font-size:var(--_count-font);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:calc(var(--_count-inset) - var(--_count-size) / 2);inset-inline-start:calc(100% - var(--_count-inset) - var(--_count-size) / 2);line-height:1;min-inline-size:var(--_count-size);padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;text-align:center;white-space:nowrap;z-index:1}@supports (text-box: trim-both cap alphabetic){[data-ui=top-navigation] [data-part=count]{text-box:trim-both cap alphabetic}}[data-ui=top-navigation] [data-part=search]{align-items:center;display:flex;flex:1 10000 var(--_search-size);gap:var(--_action-gap);margin-inline:0 auto;max-inline-size:var(--_search-size);min-inline-size:var(--_search-min)}[data-ui=top-navigation] [data-part=search]>:not([data-part=search-close]){flex:1 1 auto;min-inline-size:0}[data-ui=top-navigation] [data-part=search-toggle],[data-ui=top-navigation] [data-part=search-close]{display:none}[data-ui=top-navigation] [data-part=actions]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap);margin-inline-start:auto;padding-inline-end:calc(var(--_edge) + var(--_row-inset))}[data-ui=top-navigation] [data-part=item]:has(>[data-part=more]){display:none}[data-ui=top-navigation] [data-part=item]:has(>[data-part=more][data-overflow]){display:flex}[data-ui=top-navigation] [data-part=panel]{--_enter-distance: var(--slotted-space-2, .25rem);background-color:var(--_panel-surface);border:var(--_rule-width) solid var(--_border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow);box-sizing:border-box;color:var(--_color);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);inline-size:var(--_panel-size);inset-block-start:calc(100% + var(--slotted-space-2, .25rem));inset-inline-end:var(--_edge);max-inline-size:100%;opacity:0;padding:var(--slotted-space-2, .25rem);position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),visibility var(--slotted-duration-short) step-end;translate:0 calc(-1 * var(--_enter-distance));visibility:hidden;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0))}[data-ui=top-navigation] [data-part=panel][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter),visibility var(--slotted-duration-medium) step-start;translate:0 0;visibility:visible}[data-ui=top-navigation] [data-part=panel-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=top-navigation] [data-part=panel-list]:empty{display:none}[data-ui=top-navigation] [data-part=panel] [data-part=item]{display:flex;flex:0 0 auto}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>:is([data-part=link],[data-part=trigger]),[data-ui=top-navigation] [data-part=panel]>[data-part=help]{flex:1 1 auto;font-size:var(--_row-font-size);justify-content:flex-start;line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);white-space:normal}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=trigger]>[data-part=indicator]{margin-inline-end:0;margin-inline-start:auto}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]:has(>[data-part=content]){align-items:stretch;flex-direction:column}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=content]{display:grid;gap:var(--slotted-space-1, .125rem);padding-block-end:var(--slotted-space-2, .25rem);padding-inline-start:var(--_control-padding)}[data-ui=top-navigation] [data-part=panel-list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=links]{display:grid;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]{align-content:center;border-radius:var(--_radius);color:var(--_color);column-gap:var(--_action-gap);display:grid;font-size:var(--_row-font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=link]:not(:has(>[data-part=icon]))>*{grid-column:1 / -1}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);display:flex;grid-row:1 / span 2}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=description]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);grid-column:2}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=group-label]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui=top-navigation] [data-part=panel-list] [data-part=content] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_border-color);display:flex;gap:var(--_action-gap);justify-content:space-between;padding-block-start:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui=top-navigation] [data-part=actions]>[data-part=help]{gap:var(--_control-height);inline-size:var(--_control-height);justify-content:flex-start;overflow:hidden;padding-inline-start:calc((var(--_control-height) - var(--_icon-size)) / 2)}[data-ui=top-navigation] [data-part=panel]>[data-part=help]{gap:var(--_gap)}[data-ui=top-navigation] [data-part=panel]>[data-part=context]{padding:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem)}[data-ui=top-navigation] [data-part=panel]>[data-part=context]{order:-1}[data-ui=top-navigation] [data-part=panel]>[data-part=help]{order:1}[data-ui=top-navigation] [data-part=panel]:has(>[data-part=context])>[data-part=panel-list]:not(:empty),[data-ui=top-navigation] [data-part=panel]:has(>[data-part=panel-list]:not(:empty),>[data-part=context])>[data-part=help]{border-block-start:var(--_rule-width) solid var(--_border-color);padding-block-start:var(--slotted-space-2, .25rem)}@container slotted-top-navigation (inline-size < 1024px){[data-ui=top-navigation] [data-part=list]>[data-part=item][data-priority=low]{display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item][data-priority=low])>[data-part=item]:has(>[data-part=more]){display:flex}}@container slotted-top-navigation (inline-size < 600px){[data-ui=top-navigation] [data-part=list]>[data-part=item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part=more])){display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part=more])))>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation]:not([data-search-open]) [data-part=search]{display:none}[data-ui=top-navigation]:not([data-search-open]) [data-part=search-toggle]{display:inline-flex}[data-ui=top-navigation][data-search-open] [data-part=search]{max-inline-size:none;padding-inline:var(--_edge)}[data-ui=top-navigation][data-search-open] [data-part=search-close]{display:inline-flex}[data-ui=top-navigation][data-search-open]>:is([data-part=brand],[data-part=context],[data-part=nav],[data-part=actions]){display:none}[data-ui=top-navigation] [data-part=account]>:not([data-ui=avatar]){display:none}[data-ui=top-navigation]>[data-part=context]{display:none}[data-ui=top-navigation]:has(>[data-part=context]) [data-part=list]>[data-part=item]:has(>[data-part=more]){display:flex}}@container slotted-top-navigation (inline-size < 480px){[data-ui=top-navigation]{--_gap: var(--slotted-space-2, .25rem);--_action-gap: var(--slotted-space-2, .25rem)}[data-ui=top-navigation] [data-part=list]>[data-part=item][data-priority=high]{display:none}[data-ui=top-navigation] [data-part=list]:has(>[data-part=item][data-priority=high])>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation] [data-part=count]{inset-inline-end:calc(var(--slotted-border-width-thick, 2px) - var(--_action-gap));inset-inline-start:auto}[data-ui=top-navigation] [data-part=name]{clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=top-navigation] [data-part=home]{grid-template-columns:auto}[data-ui=top-navigation] [data-part=actions]>[data-part=help]{display:none}[data-ui=top-navigation]:has([data-part=actions]>[data-part=help]) [data-part=list]>[data-part=item]:has(>[data-part=more]){display:flex}[data-ui=top-navigation] [data-part=panel]{inline-size:auto;inset-inline:var(--_edge)}}@media(prefers-reduced-motion:reduce){[data-ui=top-navigation] [data-part=panel],[data-ui=top-navigation] [data-part=panel][data-open]{translate:0 0}}@media(forced-colors:active){[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=top-navigation] [data-part=count]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item][data-disabled]>[data-part=link],[data-ui=top-navigation] :is([data-part=nav]>[data-part=list],[data-part=panel-list])>[data-part=item]>[data-part=trigger]:disabled{color:GrayText}[data-ui=top-navigation][data-frame],[data-ui=top-navigation] [data-part=panel]{border-color:CanvasText}}}\n"] }]
396
+ }, styles: ["@layer slotted.components{[data-ui-top-navigation]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-inset: var(--slotted-app-shell-row-inset, 0px);--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_row-font-size: var( --slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem) );--_row-line-height: var( --slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45) );--_inset: var(--slotted-top-navigation-inset, var(--slotted-space-5, .75rem));--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-5, .75rem) * 2) );--_radius: var(--slotted-top-navigation-radius, var(--slotted-control-radius, 4px));--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-md, .875rem) );--_name-max: var(--slotted-top-navigation-name-max, 16rem);--_search-size: var(--slotted-top-navigation-search-size, 28rem);--_search-min: var(--slotted-top-navigation-search-min, 10rem);--_edge: 0px;--_panel-size: var(--slotted-top-navigation-panel-size, 20rem);--_mark-size: calc(var(--_control-height) - var(--slotted-space-2, .25rem) * 2);--_surface: var(--slotted-top-navigation-surface, var(--slotted-surface, Canvas));--_color: var(--slotted-top-navigation-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-top-navigation-muted-color, var(--slotted-text-muted, GrayText));--_border-color: var( --slotted-top-navigation-border-color, var(--slotted-border-subtle, ButtonBorder) );--_hover-background: var( --slotted-top-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-top-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-top-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-top-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-top-navigation-current-edge, var(--slotted-current-edge, transparent) );--_count-background: var( --slotted-top-navigation-count-background, var(--slotted-tone-accent-solid) );--_count-color: var(--slotted-top-navigation-count-color, var(--slotted-tone-accent-on-solid));--_panel-surface: var( --slotted-top-navigation-panel-surface, var(--slotted-surface-raised, Canvas) );--_panel-shadow: var(--slotted-top-navigation-panel-shadow, var(--slotted-shadow-md));--_panel-radius: var(--slotted-top-navigation-panel-radius, var(--slotted-radius-lg, 8px));--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_rule-width: var(--slotted-border-width-thin, 1px);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));align-items:center;box-sizing:border-box;color:var(--_color);container-name:slotted-top-navigation;container-type:inline-size;display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);min-block-size:var(--_control-height);min-inline-size:0;flex:1 1 auto;position:relative}[data-ui-top-navigation][data-frame]{--_edge: var(--_inset);background-color:var(--_surface);border-block-end:var(--_rule-width) solid var(--_border-color);min-block-size:var(--_block-size)}[data-ui-top-navigation][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_action-gap: var(--slotted-control-gap-sm, 6px);--_row-height: var(--slotted-control-height-sm, 30px);--_row-font-size: var(--slotted-font-size-xs, .75rem);--_row-line-height: var(--slotted-line-height-xs, 1.4);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-sm, .8125rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-md, 34px) + var(--slotted-space-4, .5rem) * 2) )}[data-ui-top-navigation][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_action-gap: var(--slotted-control-gap-md, 8px);--_row-height: var(--slotted-control-height-lg, 38px);--_row-font-size: var(--slotted-font-size-md, .875rem);--_row-line-height: var(--slotted-line-height-md, 1.5);--_name-font-size: var( --slotted-top-navigation-name-font-size, var(--slotted-font-size-lg, 1rem) );--_block-size: var( --slotted-top-navigation-block-size, calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-6, 1rem) * 2) )}[data-ui-top-navigation]>[data-part-skip]{background-color:var(--_surface);block-size:var(--_control-height);border-radius:var(--_radius);box-sizing:border-box;clip-path:inset(50%);color:var(--_color);display:inline-flex;align-items:center;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:50%;inset-inline-start:var(--_edge);padding-inline:var(--_control-padding);position:absolute;text-decoration:none;translate:0 -50%;white-space:nowrap;z-index:1}[data-ui-top-navigation]>[data-part-skip]:focus-visible{clip-path:none;outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation][data-part-root]>[data-part-brand]{align-items:center;display:flex;flex:0 1 auto;font-weight:inherit;gap:var(--_gap);padding-inline-start:calc(var(--_edge) + var(--_row-inset))}[data-ui-top-navigation][data-part-root]>[data-part-brand]>[data-part-home]{min-inline-size:var(--_control-height);overflow:visible;white-space:normal}[data-ui-top-navigation] [data-part-home]{align-items:center;border-radius:var(--_radius);color:var(--_color);display:inline-grid;flex:0 1 auto;gap:var(--_gap);grid-template-columns:auto minmax(0,1fr);min-block-size:var(--_control-height);min-inline-size:var(--_control-height);text-decoration:none}[data-ui-top-navigation] [data-part-home]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] [data-part-mark]{align-items:center;block-size:var(--_control-height);display:inline-flex;flex:0 0 auto;inline-size:var(--_control-height);justify-content:center}[data-ui-top-navigation] [data-part-mark]>:is(svg,img){block-size:var(--_mark-size);inline-size:var(--_mark-size)}[data-ui-top-navigation] [data-part-name]{font-size:var(--_name-font-size);font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:var(--_name-max);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-top-navigation] [data-part-context]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap)}[data-ui-top-navigation] [data-part-nav]{--_control-height: inherit;--_control-padding: inherit;--_control-font-size: inherit;--_icon-size: inherit;--_gap: inherit;--_radius: inherit;--_color: inherit;--_muted-color: inherit;--_hover-background: inherit;--_active-background: inherit;--_current-color: inherit;--_current-background: inherit;--_current-edge: inherit;--_disabled-color: inherit;--_duration: inherit;--_easing: inherit;display:flex;flex:0 0 auto}[data-ui-top-navigation] [data-part-list]{align-items:center;display:flex;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-top-navigation] [data-part-item]{display:flex;flex:0 0 auto;min-inline-size:0}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>:is([data-part-link],[data-part-trigger]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current],[aria-current=page]):hover,[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current],[aria-current=page]):active,[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] [data-part-item]:not([data-disabled])>[data-part-trigger][data-open]:enabled{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item][data-disabled]>[data-part-link],[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>:is([data-part-link],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]>[data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui-top-navigation] [data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:.5turn}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications],[data-part-account],[data-part-action]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted-color);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_action-gap);justify-content:center;margin:0;min-block-size:var(--_control-height);min-inline-size:var(--_control-height);padding:0;position:relative;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications]){--slotted-icon-size: var(--_icon-size)}[data-ui-top-navigation] [data-part-action]{--slotted-icon-size: var(--_icon-size)}[data-ui-top-navigation] [data-part-action]>:not([data-part-count]){block-size:var(--_icon-size);flex:0 0 auto;font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):enabled:hover,[data-ui-top-navigation] a:is([data-part-help],[data-part-action]):not([data-disabled]):hover,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):enabled:hover{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):enabled:active,[data-ui-top-navigation] a:is([data-part-help],[data-part-action]):not([data-disabled]):active,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):enabled:active{background-color:var(--_active-background);color:var(--_color);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] :is([data-part-more],[data-part-notifications],[data-part-account],[data-part-help],[data-part-action])[data-open]{background-color:var(--_hover-background);color:var(--_color)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-help],[data-part-notifications],[data-part-account],[data-part-action]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-top-navigation] :is([data-part-more],[data-part-search-toggle],[data-part-search-close],[data-part-notifications],[data-part-account]):disabled,[data-ui-top-navigation] button:is([data-part-help],[data-part-action]):disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] [data-part-more][data-current]{color:var(--_current-color)}[data-ui-top-navigation] [data-part-account]{border-radius:var(--slotted-radius-full, 9999px);gap:var(--slotted-space-3, .375rem);padding:var(--slotted-space-2, .25rem)}[data-ui-top-navigation] [data-part-account]>:not([data-ui-avatar]){padding-inline-end:var(--slotted-space-3, .375rem)}[data-ui-top-navigation] [data-part-count]{--_count-font: var(--slotted-control-font-size-sm, 12px);--_count-size: calc(var(--_count-font) * var(--slotted-line-height-xs, 1.4));--_count-inset: calc((var(--_control-height) - var(--_icon-size)) / 2);align-content:center;background-color:var(--_count-background);block-size:var(--_count-size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface);box-sizing:border-box;color:var(--_count-color);display:block;font-size:var(--_count-font);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-start:calc(var(--_count-inset) - var(--_count-size) / 2);inset-inline-start:calc(100% - var(--_count-inset) - var(--_count-size) / 2);line-height:1;min-inline-size:var(--_count-size);padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;text-align:center;white-space:nowrap;z-index:1}@supports (text-box: trim-both cap alphabetic){[data-ui-top-navigation] [data-part-count]{text-box:trim-both cap alphabetic}}[data-ui-top-navigation] [data-part-search]{align-items:center;display:flex;flex:1 10000 var(--_search-size);gap:var(--_action-gap);margin-inline:0 auto;max-inline-size:var(--_search-size);min-inline-size:var(--_search-min)}[data-ui-top-navigation] [data-part-search]>:not([data-part-search-close]){flex:1 1 auto;min-inline-size:0}[data-ui-top-navigation] [data-part-search-toggle],[data-ui-top-navigation] [data-part-search-close]{display:none}[data-ui-top-navigation] [data-part-actions]{align-items:center;display:flex;flex:0 0 auto;gap:var(--_action-gap);margin-inline-start:auto;padding-inline-end:calc(var(--_edge) + var(--_row-inset))}[data-ui-top-navigation] [data-part-item]:has(>[data-part-more]){display:none}[data-ui-top-navigation] [data-part-item]:has(>[data-part-more][data-overflow]){display:flex}[data-ui-top-navigation] [data-part-panel]{--_enter-distance: var(--slotted-space-2, .25rem);background-color:var(--_panel-surface);border:var(--_rule-width) solid var(--_border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow);box-sizing:border-box;color:var(--_color);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);inline-size:var(--_panel-size);inset-block-start:calc(100% + var(--slotted-space-2, .25rem));inset-inline-end:var(--_edge);max-inline-size:100%;opacity:0;padding:var(--slotted-space-2, .25rem);position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),visibility var(--slotted-duration-short) step-end;translate:0 calc(-1 * var(--_enter-distance));visibility:hidden;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0))}[data-ui-top-navigation] [data-part-panel][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter),visibility var(--slotted-duration-medium) step-start;translate:0 0;visibility:visible}[data-ui-top-navigation] [data-part-panel-list]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-top-navigation] [data-part-panel-list]:empty{display:none}[data-ui-top-navigation] [data-part-panel] [data-part-item]{display:flex;flex:0 0 auto}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>:is([data-part-link],[data-part-trigger]),[data-ui-top-navigation] [data-part-panel]>[data-part-help]{flex:1 1 auto;font-size:var(--_row-font-size);justify-content:flex-start;line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);white-space:normal}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-trigger]>[data-part-indicator]{margin-inline-end:0;margin-inline-start:auto}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]:has(>[data-part-content]){align-items:stretch;flex-direction:column}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-content]{display:grid;gap:var(--slotted-space-1, .125rem);padding-block-end:var(--slotted-space-2, .25rem);padding-inline-start:var(--_control-padding)}[data-ui-top-navigation] [data-part-panel-list]>[data-part-item]>[data-part-content][hidden]{display:none}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-links]{display:grid;gap:var(--slotted-space-1, .125rem);list-style:none;margin:0;padding:0}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]{align-content:center;border-radius:var(--_radius);color:var(--_color);column-gap:var(--_action-gap);display:grid;font-size:var(--_row-font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_row-line-height);min-block-size:var(--_row-height);padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_rule-width) var(--_current-edge);color:var(--_current-color)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-link]:not(:has(>[data-part-icon]))>*{grid-column:1 / -1}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);display:flex;grid-row:1 / span 2}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-description]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);grid-column:2}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-group-label]{color:var(--_muted-color);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui-top-navigation] [data-part-panel-list] [data-part-content] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_border-color);display:flex;gap:var(--_action-gap);justify-content:space-between;padding-block-start:var(--slotted-space-2, .25rem);padding-inline:var(--_control-padding)}[data-ui-top-navigation] [data-part-actions]>[data-part-help]{gap:var(--_control-height);inline-size:var(--_control-height);justify-content:flex-start;overflow:hidden;padding-inline-start:calc((var(--_control-height) - var(--_icon-size)) / 2)}[data-ui-top-navigation] [data-part-panel]>[data-part-help]{gap:var(--_gap)}[data-ui-top-navigation] [data-part-panel]>[data-part-context]{padding:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem)}[data-ui-top-navigation] [data-part-panel]>[data-part-context]{order:-1}[data-ui-top-navigation] [data-part-panel]>[data-part-help]{order:1}[data-ui-top-navigation] [data-part-panel]:has(>[data-part-context])>[data-part-panel-list]:not(:empty),[data-ui-top-navigation] [data-part-panel]:has(>[data-part-panel-list]:not(:empty),>[data-part-context])>[data-part-help]{border-block-start:var(--_rule-width) solid var(--_border-color);padding-block-start:var(--slotted-space-2, .25rem)}@container slotted-top-navigation (inline-size < 1024px){[data-ui-top-navigation] [data-part-list]>[data-part-item][data-priority=low]{display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item][data-priority=low])>[data-part-item]:has(>[data-part-more]){display:flex}}@container slotted-top-navigation (inline-size < 600px){[data-ui-top-navigation] [data-part-list]>[data-part-item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part-more])){display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item]:not([data-priority=low]):not([data-priority=high]):not(:has(>[data-part-more])))>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation]:not([data-search-open]) [data-part-search]{display:none}[data-ui-top-navigation]:not([data-search-open]) [data-part-search-toggle]{display:inline-flex}[data-ui-top-navigation][data-search-open] [data-part-search]{max-inline-size:none;padding-inline:var(--_edge)}[data-ui-top-navigation][data-search-open] [data-part-search-close]{display:inline-flex}[data-ui-top-navigation][data-search-open]>:is([data-part-brand],[data-part-context],[data-part-nav],[data-part-actions]){display:none}[data-ui-top-navigation] [data-part-account]>:not([data-ui-avatar]){display:none}[data-ui-top-navigation]>[data-part-context]{display:none}[data-ui-top-navigation]:has(>[data-part-context]) [data-part-list]>[data-part-item]:has(>[data-part-more]){display:flex}}@container slotted-top-navigation (inline-size < 480px){[data-ui-top-navigation]{--_gap: var(--slotted-space-2, .25rem);--_action-gap: var(--slotted-space-2, .25rem)}[data-ui-top-navigation] [data-part-list]>[data-part-item][data-priority=high]{display:none}[data-ui-top-navigation] [data-part-list]:has(>[data-part-item][data-priority=high])>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation] [data-part-count]{inset-inline-end:calc(var(--slotted-border-width-thick, 2px) - var(--_action-gap));inset-inline-start:auto}[data-ui-top-navigation] [data-part-name]{clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-top-navigation] [data-part-home]{grid-template-columns:auto}[data-ui-top-navigation] [data-part-actions]>[data-part-help]{display:none}[data-ui-top-navigation]:has([data-part-actions]>[data-part-help]) [data-part-list]>[data-part-item]:has(>[data-part-more]){display:flex}[data-ui-top-navigation] [data-part-panel]{inline-size:auto;inset-inline:var(--_edge)}}@media(prefers-reduced-motion:reduce){[data-ui-top-navigation] [data-part-panel],[data-ui-top-navigation] [data-part-panel][data-open]{translate:0 0}}@media(forced-colors:active){[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-top-navigation] [data-part-count]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item][data-disabled]>[data-part-link],[data-ui-top-navigation] :is([data-part-nav]>[data-part-list],[data-part-panel-list])>[data-part-item]>[data-part-trigger]:disabled{color:GrayText}[data-ui-top-navigation][data-frame],[data-ui-top-navigation] [data-part-panel]{border-color:CanvasText}}}\n"] }]
394
397
  }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], moreOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreOpen", required: false }] }, { type: i0.Output, args: ["moreOpenChange"] }], searchOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchOpen", required: false }] }, { type: i0.Output, args: ["searchOpenChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], frame: [{ type: i0.Input, args: [{ isSignal: true, alias: "frame", required: false }] }], landmark: [{ type: i0.Input, args: [{ isSignal: true, alias: "landmark", required: false }] }], skipTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipTo", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], moreOpenChangeRequest: [{ type: i0.Output, args: ["moreOpenChangeRequest"] }], searchOpenChangeRequest: [{ type: i0.Output, args: ["searchOpenChangeRequest"] }], collapseChange: [{ type: i0.Output, args: ["collapseChange"] }] } });
395
398
 
396
399
  /** A click synthesised by the keyboard reports no detail; a real one reports the count. */
@@ -514,14 +517,14 @@ const HINT_PROVIDERS = [provideTooltipDefaults({ openOn: 'hover', side: 'bottom'
514
517
  /** The start cluster: the shell's toggle when there is one, then the mark and the name. */
515
518
  class SlTopNavigationBrand {
516
519
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
517
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationBrand, isStandalone: true, selector: "[slTopNavigationBrand]", host: { attributes: { "data-part": "brand" } }, ngImport: i0 });
520
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationBrand, isStandalone: true, selector: "[slTopNavigationBrand]", host: { attributes: { "data-part": "brand", "data-part-brand": "" } }, ngImport: i0 });
518
521
  }
519
522
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationBrand, decorators: [{
520
523
  type: Directive,
521
524
  args: [{
522
525
  selector: '[slTopNavigationBrand]',
523
526
  standalone: true,
524
- host: { 'data-part': 'brand' },
527
+ host: { 'data-part': 'brand', 'data-part-brand': '' },
525
528
  }]
526
529
  }] });
527
530
  /**
@@ -531,40 +534,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
531
534
  */
532
535
  class SlTopNavigationHome {
533
536
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationHome, deps: [], target: i0.ɵɵFactoryTarget.Directive });
534
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationHome, isStandalone: true, selector: "[slTopNavigationHome]", host: { attributes: { "data-part": "home" } }, ngImport: i0 });
537
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationHome, isStandalone: true, selector: "[slTopNavigationHome]", host: { attributes: { "data-part": "home", "data-part-home": "" } }, ngImport: i0 });
535
538
  }
536
539
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationHome, decorators: [{
537
540
  type: Directive,
538
541
  args: [{
539
542
  selector: '[slTopNavigationHome]',
540
543
  standalone: true,
541
- host: { 'data-part': 'home' },
544
+ host: { 'data-part': 'home', 'data-part-home': '' },
542
545
  }]
543
546
  }] });
544
547
  /** The box the logo stands in: square, the height of the bar's controls. */
545
548
  class SlTopNavigationMark {
546
549
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationMark, deps: [], target: i0.ɵɵFactoryTarget.Directive });
547
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationMark, isStandalone: true, selector: "[slTopNavigationMark]", host: { attributes: { "data-part": "mark", "aria-hidden": "true" } }, ngImport: i0 });
550
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationMark, isStandalone: true, selector: "[slTopNavigationMark]", host: { attributes: { "data-part": "mark", "data-part-mark": "", "aria-hidden": "true" } }, ngImport: i0 });
548
551
  }
549
552
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationMark, decorators: [{
550
553
  type: Directive,
551
554
  args: [{
552
555
  selector: '[slTopNavigationMark]',
553
556
  standalone: true,
554
- host: { 'data-part': 'mark', 'aria-hidden': 'true' },
557
+ host: { 'data-part': 'mark', 'data-part-mark': '', 'aria-hidden': 'true' },
555
558
  }]
556
559
  }] });
557
560
  /** The product's name, one line. */
558
561
  class SlTopNavigationName {
559
562
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationName, deps: [], target: i0.ɵɵFactoryTarget.Directive });
560
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationName, isStandalone: true, selector: "[slTopNavigationName]", host: { attributes: { "data-part": "name" } }, ngImport: i0 });
563
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationName, isStandalone: true, selector: "[slTopNavigationName]", host: { attributes: { "data-part": "name", "data-part-name": "" } }, ngImport: i0 });
561
564
  }
562
565
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationName, decorators: [{
563
566
  type: Directive,
564
567
  args: [{
565
568
  selector: '[slTopNavigationName]',
566
569
  standalone: true,
567
- host: { 'data-part': 'name' },
570
+ host: { 'data-part': 'name', 'data-part-name': '' },
568
571
  }]
569
572
  }] });
570
573
  /* ── Context ────────────────────────────────────────────────────────────── */
@@ -593,14 +596,14 @@ class SlTopNavigationContext {
593
596
  });
594
597
  }
595
598
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
596
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationContext, isStandalone: true, selector: "[slTopNavigationContext]", host: { attributes: { "data-part": "context" } }, ngImport: i0 });
599
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationContext, isStandalone: true, selector: "[slTopNavigationContext]", host: { attributes: { "data-part": "context", "data-part-context": "" } }, ngImport: i0 });
597
600
  }
598
601
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationContext, decorators: [{
599
602
  type: Directive,
600
603
  args: [{
601
604
  selector: '[slTopNavigationContext]',
602
605
  standalone: true,
603
- host: { 'data-part': 'context' },
606
+ host: { 'data-part': 'context', 'data-part-context': '' },
604
607
  }]
605
608
  }], ctorParameters: () => [] });
606
609
  /* ── Navigation ─────────────────────────────────────────────────────────── */
@@ -622,10 +625,10 @@ class SlTopNavigationNav {
622
625
  constructor() {
623
626
  const document = this.native.ownerDocument;
624
627
  const panel = document.createElement('div');
625
- panel.setAttribute('data-part', 'panel');
628
+ writeSelectorKey(panel, 'part', 'panel');
626
629
  panel.id = this.navigation.ids.panelId;
627
630
  const list = document.createElement('ul');
628
- list.setAttribute('data-part', 'panel-list');
631
+ writeSelectorKey(list, 'part', 'panel-list');
629
632
  panel.appendChild(list);
630
633
  afterNextRender(() => {
631
634
  this.native.insertAdjacentElement('afterend', panel);
@@ -654,7 +657,7 @@ class SlTopNavigationNav {
654
657
  });
655
658
  }
656
659
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationNav, deps: [], target: i0.ɵɵFactoryTarget.Directive });
657
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationNav, isStandalone: true, selector: "nav[slTopNavigationNav]", host: { attributes: { "data-part": "nav" }, properties: { "attr.aria-label": "ariaLabel()" } }, exportAs: ["slTopNavigationNav"], hostDirectives: [{ directive: i1.SlNavigationMenu, inputs: ["value", "value", "arrow", "arrow", "openDelay", "openDelay", "closeDelay", "closeDelay", "closeOnSelect", "closeOnSelect"], outputs: ["valueChange", "valueChange", "valueChangeRequest", "valueChangeRequest"] }], ngImport: i0 });
660
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationNav, isStandalone: true, selector: "nav[slTopNavigationNav]", host: { attributes: { "data-part": "nav", "data-part-nav": "" }, properties: { "attr.data-part-root": "null", "attr.aria-label": "ariaLabel()" } }, exportAs: ["slTopNavigationNav"], hostDirectives: [{ directive: i1.SlNavigationMenu, inputs: ["value", "value", "arrow", "arrow", "openDelay", "openDelay", "closeDelay", "closeDelay", "closeOnSelect", "closeOnSelect"], outputs: ["valueChange", "valueChange", "valueChangeRequest", "valueChangeRequest"] }], ngImport: i0 });
658
661
  }
659
662
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationNav, decorators: [{
660
663
  type: Directive,
@@ -677,6 +680,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
677
680
  ],
678
681
  host: {
679
682
  'data-part': 'nav',
683
+ 'data-part-nav': '',
684
+ /* The menu's root key goes with the menu's part. */
685
+ '[attr.data-part-root]': 'null',
680
686
  '[attr.aria-label]': 'ariaLabel()',
681
687
  },
682
688
  }]
@@ -706,7 +712,7 @@ class SlTopNavigationMore extends TopNavigationControl {
706
712
  this.navigation.setMoreOpen(!this.navigation.moreOpen(), activationReason(event), event);
707
713
  }
708
714
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationMore, deps: [], target: i0.ɵɵFactoryTarget.Component });
709
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationMore, isStandalone: true, selector: "button[slTopNavigationMore]", host: { attributes: { "data-part": "more", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.id": "navigation.ids.moreId", "attr.aria-controls": "navigation.ids.panelId", "attr.aria-expanded": "navigation.moreOpen()", "attr.aria-label": "text()", "attr.data-overflow": "navigation.panelHolds() ? navigation.collapsed().length : null", "attr.data-current": "navigation.currentFolded() ? '' : null", "attr.data-open": "navigation.moreOpen() ? '' : null" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationMore"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"ellipsis\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
715
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationMore, isStandalone: true, selector: "button[slTopNavigationMore]", host: { attributes: { "data-part": "more", "data-part-more": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.id": "navigation.ids.moreId", "attr.aria-controls": "navigation.ids.panelId", "attr.aria-expanded": "navigation.moreOpen()", "attr.aria-label": "text()", "attr.data-overflow": "navigation.panelHolds() ? navigation.collapsed().length : null", "attr.data-current": "navigation.currentFolded() ? '' : null", "attr.data-open": "navigation.moreOpen() ? '' : null" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationMore"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"ellipsis\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
710
716
  }
711
717
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationMore, decorators: [{
712
718
  type: Component,
@@ -723,6 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
723
729
  host: {
724
730
  ...HINT_HOST,
725
731
  'data-part': 'more',
732
+ 'data-part-more': '',
726
733
  type: 'button',
727
734
  '[attr.id]': 'navigation.ids.moreId',
728
735
  '[attr.aria-controls]': 'navigation.ids.panelId',
@@ -738,8 +745,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
738
745
  /** The destinations, and `more` at their end. */
739
746
  class SlTopNavigationList {
740
747
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationList, deps: [], target: i0.ɵɵFactoryTarget.Component });
741
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationList, isStandalone: true, selector: "ul[slTopNavigationList]", host: { attributes: { "data-part": "list" } }, exportAs: ["slTopNavigationList"], ngImport: i0, template: `<ng-content />
742
- <li data-part="item"><button slTopNavigationMore type="button"></button></li>`, isInline: true, dependencies: [{ kind: "component", type: SlTopNavigationMore, selector: "button[slTopNavigationMore]", exportAs: ["slTopNavigationMore"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
748
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationList, isStandalone: true, selector: "ul[slTopNavigationList]", host: { attributes: { "data-part": "list", "data-part-list": "" } }, exportAs: ["slTopNavigationList"], ngImport: i0, template: `<ng-content />
749
+ <li data-part="item" data-part-item="">
750
+ <button slTopNavigationMore type="button"></button>
751
+ </li>`, isInline: true, dependencies: [{ kind: "component", type: SlTopNavigationMore, selector: "button[slTopNavigationMore]", exportAs: ["slTopNavigationMore"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
743
752
  }
744
753
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationList, decorators: [{
745
754
  type: Component,
@@ -749,10 +758,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
749
758
  exportAs: 'slTopNavigationList',
750
759
  imports: [SlTopNavigationMore],
751
760
  template: `<ng-content />
752
- <li data-part="item"><button slTopNavigationMore type="button"></button></li>`,
761
+ <li data-part="item" data-part-item="">
762
+ <button slTopNavigationMore type="button"></button>
763
+ </li>`,
753
764
  changeDetection: ChangeDetectionStrategy.OnPush,
754
765
  encapsulation: ViewEncapsulation.None,
755
- host: { 'data-part': 'list' },
766
+ host: { 'data-part': 'list', 'data-part-list': '' },
756
767
  }]
757
768
  }] });
758
769
  /* ── The item ───────────────────────────────────────────────────────────── */
@@ -836,7 +847,7 @@ class SlTopNavigationItem {
836
847
  });
837
848
  }
838
849
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
839
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTopNavigationItem, isStandalone: true, selector: "li[slTopNavigationItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-open": "open() ? '' : null", "attr.data-value": "value()", "attr.data-priority": "resolvedPriority()", "attr.data-collapsed": "collapsed() ? '' : null", "attr.data-current": "current() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null" } }, providers: [
850
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTopNavigationItem, isStandalone: true, selector: "li[slTopNavigationItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.data-open": "open() ? '' : null", "attr.data-value": "value()", "attr.data-priority": "resolvedPriority()", "attr.data-collapsed": "collapsed() ? '' : null", "attr.data-current": "current() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null" } }, providers: [
840
851
  { provide: NAVIGATION_MENU_SECTION, useExisting: forwardRef(() => SlTopNavigationItem) },
841
852
  ], exportAs: ["slTopNavigationItem"], ngImport: i0 });
842
853
  }
@@ -852,6 +863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
852
863
  ],
853
864
  host: {
854
865
  'data-part': 'item',
866
+ 'data-part-item': '',
855
867
  '[attr.data-open]': "open() ? '' : null",
856
868
  '[attr.data-value]': 'value()',
857
869
  '[attr.data-priority]': 'resolvedPriority()',
@@ -905,7 +917,7 @@ class SlTopNavigationLink {
905
917
  }
906
918
  }
907
919
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
908
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTopNavigationLink, isStandalone: true, selector: "a[slTopNavigationLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.aria-disabled": "item.resolvedDisabled() ? 'true' : null", "attr.data-current": "resolvedCurrent() ? '' : null" } }, exportAs: ["slTopNavigationLink"], ngImport: i0 });
920
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTopNavigationLink, isStandalone: true, selector: "a[slTopNavigationLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link", "data-part-link": "" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.aria-disabled": "item.resolvedDisabled() ? 'true' : null", "attr.data-current": "resolvedCurrent() ? '' : null" } }, exportAs: ["slTopNavigationLink"], ngImport: i0 });
909
921
  }
910
922
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationLink, decorators: [{
911
923
  type: Directive,
@@ -915,6 +927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
915
927
  exportAs: 'slTopNavigationLink',
916
928
  host: {
917
929
  'data-part': 'link',
930
+ 'data-part-link': '',
918
931
  '[attr.aria-current]': "resolvedCurrent() ? 'page' : null",
919
932
  '[attr.aria-disabled]': "item.resolvedDisabled() ? 'true' : null",
920
933
  '[attr.data-current]': "resolvedCurrent() ? '' : null",
@@ -929,15 +942,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
929
942
  */
930
943
  class SlTopNavigationTrigger {
931
944
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
932
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationTrigger, isStandalone: true, selector: "button[slTopNavigationTrigger]", exportAs: ["slTopNavigationTrigger"], hostDirectives: [{ directive: i1.SlNavigationMenuTriggerWiring }], ngImport: i0, template: `<ng-content /><span data-part="indicator" aria-hidden="true"
945
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationTrigger, isStandalone: true, selector: "button[slTopNavigationTrigger]", exportAs: ["slTopNavigationTrigger"], hostDirectives: [{ directive: i1.SlNavigationMenuTriggerWiring }], ngImport: i0, template: `<ng-content /><span data-part="indicator" data-part-indicator="" aria-hidden="true"
933
946
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
934
- ></span>`, isInline: true, styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
947
+ ></span>`, isInline: true, styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui-navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui-navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui-navigation-menu]:has(>[data-part-list]>[data-part-item]>[data-part-content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui-navigation-menu]:has(>[data-part-viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui-navigation-menu]>[data-part-list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]{display:flex}:where([data-ui-navigation-menu]>[data-part-list]>[data-part-item])>:is([data-part-trigger],[data-part-link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:hover,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:active,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-current]:enabled{color:var(--_current-color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-navigation-menu] [data-part-trigger]:disabled,[data-ui-navigation-menu] [data-part-link][data-disabled],[data-ui-navigation-menu] [data-part-content] [data-part-link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui-navigation-menu] :is([data-part-trigger],[data-part-link]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-navigation-menu] [data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-navigation-menu] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu]:not([data-orientation=vertical])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:.5turn}[data-ui-navigation-menu]>[data-part-viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-navigation-menu]>[data-part-viewport][data-positioned]{display:block}[data-ui-navigation-menu]>[data-part-viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-navigation-menu]>[data-part-viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui-navigation-menu]>[data-part-viewport]>[data-part-arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui-navigation-menu]:dir(rtl)>[data-part-list]>[data-part-item]>[data-part-content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns=\"2\"]{--_columns: 2}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns=\"3\"]{--_columns: 3}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][hidden]{display:none}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-open]{opacity:1;transition:none}[data-ui-navigation-menu]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui-navigation-menu] [data-part-content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui-navigation-menu] [data-part-content]>:is([data-part-links],[data-part-footer]){grid-column:1 / -1}[data-ui-navigation-menu] [data-part-links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui-navigation-menu] [data-part-group]>[data-part-links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui-navigation-menu] [data-part-links]{grid-template-columns:minmax(0,1fr)}}[data-ui-navigation-menu] [data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui-navigation-menu] [data-part-group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui-navigation-menu] [data-part-content] [data-part-link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not(:has([data-part-label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page])>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-content] [data-part-link]:focus-visible{outline-offset:0}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]>[data-ui-icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui-navigation-menu] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part-icon]{color:var(--_color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page],[data-disabled])>[data-part-icon]{color:inherit}[data-ui-navigation-menu] [data-part-link]>[data-part-label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui-navigation-menu] [data-part-link]>[data-part-description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui-navigation-menu] [data-part-link][data-disabled]>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>:is([data-part-trigger],[data-part-link]){flex:1 1 auto;justify-content:space-between}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open]{translate:0 0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]>[data-part-arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui-navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui-navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui-navigation-menu][data-nested]>[data-part-list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui-navigation-menu][data-nested]>[data-part-viewport]{display:none}[data-ui-navigation-menu][data-nested]>[data-part-list]>[data-part-item]>[data-part-content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui-navigation-menu]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui-navigation-menu] [data-part-content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui-navigation-menu] [data-part-content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
935
948
  }
936
949
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationTrigger, decorators: [{
937
950
  type: Component,
938
- args: [{ selector: 'button[slTopNavigationTrigger]', standalone: true, exportAs: 'slTopNavigationTrigger', imports: [SlGlyph, SlIcon], template: `<ng-content /><span data-part="indicator" aria-hidden="true"
951
+ args: [{ selector: 'button[slTopNavigationTrigger]', standalone: true, exportAs: 'slTopNavigationTrigger', imports: [SlGlyph, SlIcon], template: `<ng-content /><span data-part="indicator" data-part-indicator="" aria-hidden="true"
939
952
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
940
- ></span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [SlNavigationMenuTriggerWiring], styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"] }]
953
+ ></span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [SlNavigationMenuTriggerWiring], styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui-navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui-navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui-navigation-menu]:has(>[data-part-list]>[data-part-item]>[data-part-content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui-navigation-menu]:has(>[data-part-viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui-navigation-menu]>[data-part-list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]{display:flex}:where([data-ui-navigation-menu]>[data-part-list]>[data-part-item])>:is([data-part-trigger],[data-part-link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:hover,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-trigger]:enabled:active,[data-ui-navigation-menu]>[data-part-list]>[data-part-item]:not([data-disabled])>[data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-trigger][data-current]:enabled{color:var(--_current-color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-navigation-menu] [data-part-trigger]:disabled,[data-ui-navigation-menu] [data-part-link][data-disabled],[data-ui-navigation-menu] [data-part-content] [data-part-link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui-navigation-menu] :is([data-part-trigger],[data-part-link]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-navigation-menu] [data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-navigation-menu] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-navigation-menu]:not([data-orientation=vertical])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:.5turn}[data-ui-navigation-menu]>[data-part-viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-navigation-menu]>[data-part-viewport][data-positioned]{display:block}[data-ui-navigation-menu]>[data-part-viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-navigation-menu]>[data-part-viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui-navigation-menu]>[data-part-viewport]>[data-part-arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui-navigation-menu]:dir(rtl)>[data-part-list]>[data-part-item]>[data-part-content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns=\"2\"]{--_columns: 2}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-columns=\"3\"]{--_columns: 3}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][hidden]{display:none}[data-ui-navigation-menu]>[data-part-list]>[data-part-item]>[data-part-content][data-open]{opacity:1;transition:none}[data-ui-navigation-menu]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui-navigation-menu] [data-part-content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui-navigation-menu] [data-part-content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui-navigation-menu] [data-part-content]>:is([data-part-links],[data-part-footer]){grid-column:1 / -1}[data-ui-navigation-menu] [data-part-links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui-navigation-menu] [data-part-group]>[data-part-links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui-navigation-menu] [data-part-links]{grid-template-columns:minmax(0,1fr)}}[data-ui-navigation-menu] [data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui-navigation-menu] [data-part-group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui-navigation-menu] [data-part-content] [data-part-link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not(:has([data-part-label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui-navigation-menu] [data-part-content] [data-part-link]:is([data-current],[aria-current=page])>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-content] [data-part-link]:focus-visible{outline-offset:0}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui-navigation-menu] [data-part-link]>[data-part-icon]>[data-ui-icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui-navigation-menu] [data-part-link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part-icon]{color:var(--_color)}[data-ui-navigation-menu] [data-part-link]:is([data-current],[aria-current=page],[data-disabled])>[data-part-icon]{color:inherit}[data-ui-navigation-menu] [data-part-link]>[data-part-label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui-navigation-menu] [data-part-link]>[data-part-description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui-navigation-menu] [data-part-link][data-disabled]>[data-part-description]{color:inherit}[data-ui-navigation-menu] [data-part-footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>:is([data-part-trigger],[data-part-link]){flex:1 1 auto;justify-content:space-between}[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part-viewport][data-positioned]))>[data-part-list]>[data-part-item]>[data-part-content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open]{translate:0 0}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui-navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part-viewport]>[data-part-arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui-navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part-list]>[data-part-item]>[data-part-trigger][data-open]>[data-part-indicator]>[data-ui-icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui-navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui-navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui-navigation-menu][data-nested]>[data-part-list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui-navigation-menu][data-nested]>[data-part-viewport]{display:none}[data-ui-navigation-menu][data-nested]>[data-part-list]>[data-part-item]>[data-part-content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui-navigation-menu]>[data-part-viewport],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-navigation-menu]>[data-part-viewport][data-open][data-positioned],[data-ui-navigation-menu][data-orientation=vertical]>[data-part-viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui-navigation-menu] [data-part-content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui-navigation-menu] [data-part-content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"] }]
941
954
  }] });
942
955
  /* ── Search ─────────────────────────────────────────────────────────────── */
943
956
  /** The button that closes the search where it has taken the bar. */
@@ -950,7 +963,7 @@ class SlTopNavigationSearchClose extends TopNavigationControl {
950
963
  this.navigation.setSearchOpen(false, activationReason(event), event);
951
964
  }
952
965
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearchClose, deps: null, target: i0.ɵɵFactoryTarget.Component });
953
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationSearchClose, isStandalone: true, selector: "button[slTopNavigationSearchClose]", host: { attributes: { "data-part": "search-close", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"x\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
966
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationSearchClose, isStandalone: true, selector: "button[slTopNavigationSearchClose]", host: { attributes: { "data-part": "search-close", "data-part-search-close": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"x\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
954
967
  }
955
968
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearchClose, decorators: [{
956
969
  type: Component,
@@ -966,6 +979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
966
979
  host: {
967
980
  ...HINT_HOST,
968
981
  'data-part': 'search-close',
982
+ 'data-part-search-close': '',
969
983
  type: 'button',
970
984
  '[attr.aria-label]': 'text()',
971
985
  '(click)': 'onClick($event)',
@@ -987,7 +1001,7 @@ class SlTopNavigationSearchToggle extends TopNavigationControl {
987
1001
  this.navigation.setSearchOpen(true, activationReason(event), event);
988
1002
  }
989
1003
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearchToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
990
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationSearchToggle, isStandalone: true, selector: "button[slTopNavigationSearchToggle]", host: { attributes: { "data-part": "search-toggle", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"search\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1004
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationSearchToggle, isStandalone: true, selector: "button[slTopNavigationSearchToggle]", host: { attributes: { "data-part": "search-toggle", "data-part-search-toggle": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"search\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
991
1005
  }
992
1006
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearchToggle, decorators: [{
993
1007
  type: Component,
@@ -1003,6 +1017,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1003
1017
  host: {
1004
1018
  ...HINT_HOST,
1005
1019
  'data-part': 'search-toggle',
1020
+ 'data-part-search-toggle': '',
1006
1021
  type: 'button',
1007
1022
  '[attr.aria-label]': 'text()',
1008
1023
  '(click)': 'onClick($event)',
@@ -1065,7 +1080,7 @@ class SlTopNavigationSearch {
1065
1080
  this.navigation.setSearchOpen(false, 'blur', event);
1066
1081
  }
1067
1082
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearch, deps: [], target: i0.ɵɵFactoryTarget.Component });
1068
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationSearch, isStandalone: true, selector: "[slTopNavigationSearch]", host: { attributes: { "data-part": "search" }, listeners: { "keydown": "onKeyDown($event)", "focusout": "onFocusOut($event)" } }, exportAs: ["slTopNavigationSearch"], ngImport: i0, template: `<ng-content /><button slTopNavigationSearchClose type="button"></button>`, isInline: true, dependencies: [{ kind: "component", type: SlTopNavigationSearchClose, selector: "button[slTopNavigationSearchClose]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1083
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationSearch, isStandalone: true, selector: "[slTopNavigationSearch]", host: { attributes: { "data-part": "search", "data-part-search": "" }, listeners: { "keydown": "onKeyDown($event)", "focusout": "onFocusOut($event)" } }, exportAs: ["slTopNavigationSearch"], ngImport: i0, template: `<ng-content /><button slTopNavigationSearchClose type="button"></button>`, isInline: true, dependencies: [{ kind: "component", type: SlTopNavigationSearchClose, selector: "button[slTopNavigationSearchClose]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1069
1084
  }
1070
1085
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationSearch, decorators: [{
1071
1086
  type: Component,
@@ -1079,6 +1094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1079
1094
  encapsulation: ViewEncapsulation.None,
1080
1095
  host: {
1081
1096
  'data-part': 'search',
1097
+ 'data-part-search': '',
1082
1098
  '(keydown)': 'onKeyDown($event)',
1083
1099
  '(focusout)': 'onFocusOut($event)',
1084
1100
  },
@@ -1089,7 +1105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1089
1105
  class SlTopNavigationActions {
1090
1106
  navigation = inject(SlTopNavigation);
1091
1107
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
1092
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationActions, isStandalone: true, selector: "[slTopNavigationActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slTopNavigationActions"], ngImport: i0, template: `@if (navigation.hasSearch()) {
1108
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationActions, isStandalone: true, selector: "[slTopNavigationActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, exportAs: ["slTopNavigationActions"], ngImport: i0, template: `@if (navigation.hasSearch()) {
1093
1109
  <button slTopNavigationSearchToggle type="button"></button>
1094
1110
  }
1095
1111
  <ng-content />`, isInline: true, dependencies: [{ kind: "component", type: SlTopNavigationSearchToggle, selector: "button[slTopNavigationSearchToggle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -1107,7 +1123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1107
1123
  <ng-content />`,
1108
1124
  changeDetection: ChangeDetectionStrategy.OnPush,
1109
1125
  encapsulation: ViewEncapsulation.None,
1110
- host: { 'data-part': 'actions' },
1126
+ host: { 'data-part': 'actions', 'data-part-actions': '' },
1111
1127
  }]
1112
1128
  }] });
1113
1129
  /**
@@ -1133,7 +1149,7 @@ class SlTopNavigationHelp extends TopNavigationControl {
1133
1149
  constructor() {
1134
1150
  super();
1135
1151
  this.navigation.hasHelp.set(true);
1136
- afterNextRender(() => this.native.setAttribute('data-part', 'help'));
1152
+ afterNextRender(() => writeSelectorKey(this.native, 'part', 'help'));
1137
1153
  effect(() => {
1138
1154
  const panel = this.navigation.panelNode();
1139
1155
  if (this.inPanel() && panel !== null)
@@ -1147,7 +1163,7 @@ class SlTopNavigationHelp extends TopNavigationControl {
1147
1163
  });
1148
1164
  }
1149
1165
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationHelp, deps: [], target: i0.ɵɵFactoryTarget.Component });
1150
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationHelp, isStandalone: true, selector: "a[slTopNavigationHelp], button[slTopNavigationHelp]", host: { attributes: { "data-part": "help" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationHelp"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: `<span slIcon><svg slGlyph name="circle-question"></svg></span
1166
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationHelp, isStandalone: true, selector: "a[slTopNavigationHelp], button[slTopNavigationHelp]", host: { attributes: { "data-part": "help", "data-part-help": "" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationHelp"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: `<span slIcon><svg slGlyph name="circle-question"></svg></span
1151
1167
  ><ng-content>{{ fallback() }}</ng-content>
1152
1168
  @if (hint()) {
1153
1169
  <ng-template slTooltipLayer>
@@ -1176,6 +1192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1176
1192
  host: {
1177
1193
  ...HINT_HOST,
1178
1194
  'data-part': 'help',
1195
+ 'data-part-help': '',
1179
1196
  },
1180
1197
  }]
1181
1198
  }], ctorParameters: () => [] });
@@ -1185,10 +1202,10 @@ class SlTopNavigationNotifications extends TopNavigationControl {
1185
1202
  ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
1186
1203
  constructor() {
1187
1204
  super();
1188
- afterNextRender(() => this.native.setAttribute('data-part', 'notifications'));
1205
+ afterNextRender(() => writeSelectorKey(this.native, 'part', 'notifications'));
1189
1206
  }
1190
1207
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationNotifications, deps: [], target: i0.ɵɵFactoryTarget.Component });
1191
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationNotifications, isStandalone: true, selector: "button[slTopNavigationNotifications]", host: { attributes: { "data-part": "notifications", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationNotifications"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"bell\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1208
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationNotifications, isStandalone: true, selector: "button[slTopNavigationNotifications]", host: { attributes: { "data-part": "notifications", "data-part-notifications": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationNotifications"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<span slIcon><svg slGlyph name=\"bell\"></svg></span><ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1192
1209
  }
1193
1210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationNotifications, decorators: [{
1194
1211
  type: Component,
@@ -1205,6 +1222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1205
1222
  host: {
1206
1223
  ...HINT_HOST,
1207
1224
  'data-part': 'notifications',
1225
+ 'data-part-notifications': '',
1208
1226
  type: 'button',
1209
1227
  '[attr.aria-label]': 'text()',
1210
1228
  },
@@ -1230,10 +1248,10 @@ class SlTopNavigationAction extends TopNavigationControl {
1230
1248
  ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
1231
1249
  constructor() {
1232
1250
  super();
1233
- afterNextRender(() => this.native.setAttribute('data-part', 'action'));
1251
+ afterNextRender(() => writeSelectorKey(this.native, 'part', 'action'));
1234
1252
  }
1235
1253
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationAction, deps: [], target: i0.ɵɵFactoryTarget.Component });
1236
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationAction, isStandalone: true, selector: "a[slTopNavigationAction], button[slTopNavigationAction]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "action" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.type": "type", "attr.aria-label": "text() || null" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationAction"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1254
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationAction, isStandalone: true, selector: "a[slTopNavigationAction], button[slTopNavigationAction]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "action", "data-part-action": "" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.type": "type", "attr.aria-label": "text() || null" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationAction"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1237
1255
  }
1238
1256
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationAction, decorators: [{
1239
1257
  type: Component,
@@ -1250,6 +1268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1250
1268
  host: {
1251
1269
  ...HINT_HOST,
1252
1270
  'data-part': 'action',
1271
+ 'data-part-action': '',
1253
1272
  '[attr.type]': 'type',
1254
1273
  '[attr.aria-label]': 'text() || null',
1255
1274
  },
@@ -1258,14 +1277,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1258
1277
  /** The number of what is waiting, inside the bell's button and so inside its name. */
1259
1278
  class SlTopNavigationCount {
1260
1279
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1261
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationCount, isStandalone: true, selector: "[slTopNavigationCount]", host: { attributes: { "data-part": "count" } }, ngImport: i0 });
1280
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTopNavigationCount, isStandalone: true, selector: "[slTopNavigationCount]", host: { attributes: { "data-part": "count", "data-part-count": "" } }, ngImport: i0 });
1262
1281
  }
1263
1282
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationCount, decorators: [{
1264
1283
  type: Directive,
1265
1284
  args: [{
1266
1285
  selector: '[slTopNavigationCount]',
1267
1286
  standalone: true,
1268
- host: { 'data-part': 'count' },
1287
+ host: { 'data-part': 'count', 'data-part-count': '' },
1269
1288
  }]
1270
1289
  }] });
1271
1290
  /** The account: the consumer's avatar and, when there is room, the name. It never folds. */
@@ -1274,10 +1293,10 @@ class SlTopNavigationAccount extends TopNavigationControl {
1274
1293
  ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
1275
1294
  constructor() {
1276
1295
  super();
1277
- afterNextRender(() => this.native.setAttribute('data-part', 'account'));
1296
+ afterNextRender(() => writeSelectorKey(this.native, 'part', 'account'));
1278
1297
  }
1279
1298
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationAccount, deps: [], target: i0.ɵɵFactoryTarget.Component });
1280
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationAccount, isStandalone: true, selector: "button[slTopNavigationAccount]", host: { attributes: { "data-part": "account", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationAccount"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1299
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTopNavigationAccount, isStandalone: true, selector: "button[slTopNavigationAccount]", host: { attributes: { "data-part": "account", "data-part-account": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-label": "text()" } }, providers: HINT_PROVIDERS, exportAs: ["slTopNavigationAccount"], usesInheritance: true, hostDirectives: [{ directive: i2.SlTooltip }], ngImport: i0, template: "<ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>{{ text() }}</div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1281
1300
  }
1282
1301
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTopNavigationAccount, decorators: [{
1283
1302
  type: Component,
@@ -1294,6 +1313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1294
1313
  host: {
1295
1314
  ...HINT_HOST,
1296
1315
  'data-part': 'account',
1316
+ 'data-part-account': '',
1297
1317
  type: 'button',
1298
1318
  '[attr.aria-label]': 'text()',
1299
1319
  },