@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

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 (421) hide show
  1. package/docs/calendar.json +1 -1
  2. package/docs/code-block.json +92 -92
  3. package/docs/code-block.md +69 -69
  4. package/docs/currency-field.json +7 -0
  5. package/docs/currency-field.md +1 -0
  6. package/docs/data-grid.examples.md +1 -1
  7. package/docs/data-grid.json +21 -4
  8. package/docs/data-grid.md +1 -1
  9. package/docs/data-grid.props.md +5 -3
  10. package/docs/dialog.examples.md +138 -136
  11. package/docs/dialog.json +8 -8
  12. package/docs/filter-bar.json +118 -118
  13. package/docs/filter-bar.md +79 -79
  14. package/docs/guidelines/async-feedback.md +10 -0
  15. package/docs/guidelines/composition.md +11 -7
  16. package/docs/guidelines/index.md +6 -1
  17. package/docs/guidelines/list-pages.md +30 -0
  18. package/docs/guidelines/overviews.md +10 -0
  19. package/docs/markdown.json +79 -79
  20. package/docs/markdown.md +65 -65
  21. package/docs/page-header.json +1 -1
  22. package/docs/skills/compose-screen/SKILL.md +22 -10
  23. package/docs/skills/review-screen/SKILL.md +6 -0
  24. package/docs/skills/waiting-states/SKILL.md +4 -1
  25. package/docs/tags-input.json +28 -2
  26. package/docs/tags-input.md +4 -1
  27. package/docs/timeline.json +131 -131
  28. package/docs/timeline.md +123 -123
  29. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  30. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  31. package/fesm2022/slotted-angular-action-bar.mjs +21 -10
  32. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  33. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  34. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  35. package/fesm2022/slotted-angular-alert.mjs +17 -11
  36. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  37. package/fesm2022/slotted-angular-app-shell.mjs +52 -40
  38. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  39. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  40. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  41. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  42. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  43. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  44. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  45. package/fesm2022/slotted-angular-avatar.mjs +9 -6
  46. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  47. package/fesm2022/slotted-angular-badge.mjs +14 -10
  48. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  49. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  50. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  51. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  52. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  53. package/fesm2022/slotted-angular-button.mjs +53 -25
  54. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  55. package/fesm2022/slotted-angular-calendar.mjs +82 -30
  56. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  57. package/fesm2022/slotted-angular-card.mjs +18 -16
  58. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  59. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  60. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  61. package/fesm2022/slotted-angular-cascader.mjs +158 -64
  62. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  63. package/fesm2022/slotted-angular-chart.mjs +4 -2
  64. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  65. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  66. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  67. package/fesm2022/slotted-angular-checkbox.mjs +13 -8
  68. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  69. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  70. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  71. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  72. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  73. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  74. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  75. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  76. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  77. package/fesm2022/slotted-angular-combobox.mjs +77 -31
  78. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  79. package/fesm2022/slotted-angular-command-palette.mjs +150 -54
  80. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  81. package/fesm2022/slotted-angular-container.mjs +6 -4
  82. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  83. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  84. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  85. package/fesm2022/slotted-angular-currency-field.mjs +98 -32
  86. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  87. package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
  88. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  89. package/fesm2022/slotted-angular-data-grid.mjs +309 -104
  90. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  91. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  92. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  93. package/fesm2022/slotted-angular-date-field.mjs +40 -14
  94. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  95. package/fesm2022/slotted-angular-date-picker.mjs +19 -9
  96. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  97. package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
  98. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  99. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  100. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  101. package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
  102. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  103. package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
  104. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  105. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  106. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  107. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  108. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  109. package/fesm2022/slotted-angular-dialog.mjs +61 -28
  110. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  111. package/fesm2022/slotted-angular-divider.mjs +7 -5
  112. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  113. package/fesm2022/slotted-angular-drawer.mjs +38 -26
  114. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  115. package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
  116. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  117. package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
  118. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  119. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  120. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  121. package/fesm2022/slotted-angular-field.mjs +35 -15
  122. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  123. package/fesm2022/slotted-angular-filter-bar.mjs +104 -43
  124. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  125. package/fesm2022/slotted-angular-form.mjs +18 -10
  126. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  127. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  128. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  129. package/fesm2022/slotted-angular-grid.mjs +4 -2
  130. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  131. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  132. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  133. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  134. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  135. package/fesm2022/slotted-angular-icon.mjs +6 -3
  136. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  137. package/fesm2022/slotted-angular-image.mjs +13 -10
  138. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  139. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  140. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  141. package/fesm2022/slotted-angular-inline-message.mjs +10 -8
  142. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  143. package/fesm2022/slotted-angular-inline.mjs +4 -2
  144. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  145. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  146. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  147. package/fesm2022/slotted-angular-link.mjs +5 -3
  148. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  149. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  150. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  151. package/fesm2022/slotted-angular-list.mjs +14 -10
  152. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  153. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  154. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  155. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  156. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  157. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  158. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  159. package/fesm2022/slotted-angular-menu.mjs +41 -27
  160. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  161. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  162. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  163. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  164. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  165. package/fesm2022/slotted-angular-message.mjs +113 -51
  166. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  167. package/fesm2022/slotted-angular-multi-select.mjs +133 -57
  168. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  169. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  170. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  171. package/fesm2022/slotted-angular-notification-center.mjs +107 -65
  172. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  173. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  174. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  175. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  176. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  177. package/fesm2022/slotted-angular-page-header.mjs +72 -42
  178. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  179. package/fesm2022/slotted-angular-page.mjs +18 -9
  180. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  181. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  182. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  183. package/fesm2022/slotted-angular-popover.mjs +25 -18
  184. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  185. package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
  186. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  187. package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
  188. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  189. package/fesm2022/slotted-angular-prose.mjs +14 -11
  190. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  191. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  192. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  193. package/fesm2022/slotted-angular-rating.mjs +138 -82
  194. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  195. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  196. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  197. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  198. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  199. package/fesm2022/slotted-angular-scroll-area.mjs +9 -5
  200. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  201. package/fesm2022/slotted-angular-section.mjs +34 -15
  202. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  203. package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
  204. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  205. package/fesm2022/slotted-angular-select.mjs +135 -53
  206. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  207. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  208. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  209. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  210. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  211. package/fesm2022/slotted-angular-slider.mjs +31 -11
  212. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  213. package/fesm2022/slotted-angular-sparkline.mjs +29 -13
  214. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  215. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  216. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  217. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  218. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  219. package/fesm2022/slotted-angular-stack.mjs +4 -2
  220. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  221. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  222. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  223. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  224. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  225. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  226. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  227. package/fesm2022/slotted-angular-switch.mjs +15 -10
  228. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  229. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  230. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  231. package/fesm2022/slotted-angular-table.mjs +135 -72
  232. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  233. package/fesm2022/slotted-angular-tabs.mjs +31 -14
  234. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  235. package/fesm2022/slotted-angular-tag.mjs +19 -12
  236. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  237. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  238. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  239. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  240. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  241. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  242. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  243. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  244. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  245. package/fesm2022/slotted-angular-time-picker.mjs +28 -14
  246. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  247. package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
  248. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  249. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  250. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  251. package/fesm2022/slotted-angular-toast.mjs +42 -31
  252. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  253. package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
  254. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  255. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  256. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  257. package/fesm2022/slotted-angular-toolbar.mjs +21 -10
  258. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  259. package/fesm2022/slotted-angular-tooltip.mjs +8 -5
  260. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  261. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  262. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  263. package/fesm2022/slotted-angular-tour.mjs +46 -21
  264. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  265. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  266. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  267. package/fesm2022/slotted-angular-tree.mjs +74 -26
  268. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  269. package/fesm2022/slotted-angular-typography.mjs +8 -4
  270. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  271. package/fesm2022/slotted-angular-upload.mjs +125 -57
  272. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  273. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  274. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  275. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  276. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  277. package/package.json +3 -3
  278. package/types/slotted-angular-accordion.d.ts.map +1 -1
  279. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  280. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  281. package/types/slotted-angular-alert.d.ts +1 -1
  282. package/types/slotted-angular-alert.d.ts.map +1 -1
  283. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  284. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  285. package/types/slotted-angular-attachment.d.ts +1 -1
  286. package/types/slotted-angular-attachment.d.ts.map +1 -1
  287. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  288. package/types/slotted-angular-avatar.d.ts.map +1 -1
  289. package/types/slotted-angular-badge.d.ts.map +1 -1
  290. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  291. package/types/slotted-angular-button-group.d.ts.map +1 -1
  292. package/types/slotted-angular-button.d.ts.map +1 -1
  293. package/types/slotted-angular-calendar.d.ts +2 -0
  294. package/types/slotted-angular-calendar.d.ts.map +1 -1
  295. package/types/slotted-angular-card.d.ts.map +1 -1
  296. package/types/slotted-angular-carousel.d.ts.map +1 -1
  297. package/types/slotted-angular-cascader.d.ts.map +1 -1
  298. package/types/slotted-angular-chart.d.ts.map +1 -1
  299. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  300. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  301. package/types/slotted-angular-code-block.d.ts +1 -1
  302. package/types/slotted-angular-code-block.d.ts.map +1 -1
  303. package/types/slotted-angular-collapsible.d.ts +1 -1
  304. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  305. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  306. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  307. package/types/slotted-angular-combobox.d.ts +1 -1
  308. package/types/slotted-angular-combobox.d.ts.map +1 -1
  309. package/types/slotted-angular-command-palette.d.ts +10 -1
  310. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  311. package/types/slotted-angular-container.d.ts.map +1 -1
  312. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  313. package/types/slotted-angular-currency-field.d.ts +39 -13
  314. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  315. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  316. package/types/slotted-angular-data-grid.d.ts +26 -2
  317. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  318. package/types/slotted-angular-data-list.d.ts.map +1 -1
  319. package/types/slotted-angular-date-field.d.ts.map +1 -1
  320. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  321. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  322. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  323. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  324. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  325. package/types/slotted-angular-description-list.d.ts.map +1 -1
  326. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  327. package/types/slotted-angular-dialog.d.ts +2 -1
  328. package/types/slotted-angular-dialog.d.ts.map +1 -1
  329. package/types/slotted-angular-divider.d.ts.map +1 -1
  330. package/types/slotted-angular-drawer.d.ts.map +1 -1
  331. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  332. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  333. package/types/slotted-angular-field-group.d.ts.map +1 -1
  334. package/types/slotted-angular-field.d.ts.map +1 -1
  335. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  336. package/types/slotted-angular-form.d.ts.map +1 -1
  337. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  338. package/types/slotted-angular-grid.d.ts.map +1 -1
  339. package/types/slotted-angular-highlight.d.ts.map +1 -1
  340. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  341. package/types/slotted-angular-icon.d.ts +1 -1
  342. package/types/slotted-angular-icon.d.ts.map +1 -1
  343. package/types/slotted-angular-image.d.ts.map +1 -1
  344. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  345. package/types/slotted-angular-inline-message.d.ts +1 -1
  346. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  347. package/types/slotted-angular-inline.d.ts.map +1 -1
  348. package/types/slotted-angular-kbd.d.ts.map +1 -1
  349. package/types/slotted-angular-link.d.ts.map +1 -1
  350. package/types/slotted-angular-list-item.d.ts.map +1 -1
  351. package/types/slotted-angular-list.d.ts.map +1 -1
  352. package/types/slotted-angular-listbox.d.ts.map +1 -1
  353. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  354. package/types/slotted-angular-markdown.d.ts.map +1 -1
  355. package/types/slotted-angular-menu.d.ts.map +1 -1
  356. package/types/slotted-angular-menubar.d.ts.map +1 -1
  357. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  358. package/types/slotted-angular-message.d.ts.map +1 -1
  359. package/types/slotted-angular-multi-select.d.ts +1 -1
  360. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  361. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  362. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  363. package/types/slotted-angular-number-field.d.ts.map +1 -1
  364. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  365. package/types/slotted-angular-page-header.d.ts +1 -1
  366. package/types/slotted-angular-page-header.d.ts.map +1 -1
  367. package/types/slotted-angular-page.d.ts.map +1 -1
  368. package/types/slotted-angular-pagination.d.ts.map +1 -1
  369. package/types/slotted-angular-popover.d.ts.map +1 -1
  370. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  371. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  372. package/types/slotted-angular-prose.d.ts.map +1 -1
  373. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  374. package/types/slotted-angular-rating.d.ts.map +1 -1
  375. package/types/slotted-angular-result-state.d.ts.map +1 -1
  376. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  377. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  378. package/types/slotted-angular-section.d.ts.map +1 -1
  379. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  380. package/types/slotted-angular-select.d.ts +1 -1
  381. package/types/slotted-angular-select.d.ts.map +1 -1
  382. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  383. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  384. package/types/slotted-angular-slider.d.ts.map +1 -1
  385. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  386. package/types/slotted-angular-split-button.d.ts.map +1 -1
  387. package/types/slotted-angular-splitter.d.ts.map +1 -1
  388. package/types/slotted-angular-stack.d.ts.map +1 -1
  389. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  390. package/types/slotted-angular-status-indicator.d.ts +1 -1
  391. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  392. package/types/slotted-angular-stepper.d.ts +1 -1
  393. package/types/slotted-angular-stepper.d.ts.map +1 -1
  394. package/types/slotted-angular-switch.d.ts.map +1 -1
  395. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  396. package/types/slotted-angular-table.d.ts.map +1 -1
  397. package/types/slotted-angular-tabs.d.ts.map +1 -1
  398. package/types/slotted-angular-tag.d.ts.map +1 -1
  399. package/types/slotted-angular-tags-input.d.ts +33 -1
  400. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  401. package/types/slotted-angular-text-field.d.ts.map +1 -1
  402. package/types/slotted-angular-textarea.d.ts.map +1 -1
  403. package/types/slotted-angular-time-field.d.ts.map +1 -1
  404. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  405. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  406. package/types/slotted-angular-timeline.d.ts.map +1 -1
  407. package/types/slotted-angular-toast.d.ts +2 -2
  408. package/types/slotted-angular-toast.d.ts.map +1 -1
  409. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  410. package/types/slotted-angular-toggle.d.ts.map +1 -1
  411. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  412. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  413. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  414. package/types/slotted-angular-tour.d.ts.map +1 -1
  415. package/types/slotted-angular-transfer.d.ts.map +1 -1
  416. package/types/slotted-angular-tree.d.ts.map +1 -1
  417. package/types/slotted-angular-typography.d.ts.map +1 -1
  418. package/types/slotted-angular-upload.d.ts +2 -2
  419. package/types/slotted-angular-upload.d.ts.map +1 -1
  420. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  421. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -1,3 +1,4 @@
1
+ import { writeSelectorKey } from '@slotted/core/selector-key';
1
2
  import { createDismissableLayer } from '@slotted/core/dismissable-layer';
2
3
  import { navigationMenuMessages } from '@slotted/core/i18n';
3
4
  import { createHoverIntent, motionBetween, measureViewport, writeGeometry, focusTarget } from '@slotted/core/navigation-menu';
@@ -184,9 +185,9 @@ class SlNavigationMenu {
184
185
  if (!this.nested) {
185
186
  const document = this.host.ownerDocument;
186
187
  const viewport = document.createElement('div');
187
- viewport.setAttribute('data-part', 'viewport');
188
+ writeSelectorKey(viewport, 'part', 'viewport');
188
189
  const arrow = document.createElement('span');
189
- arrow.setAttribute('data-part', 'arrow');
190
+ writeSelectorKey(arrow, 'part', 'arrow');
190
191
  arrow.setAttribute('aria-hidden', 'true');
191
192
  afterNextRender(() => this.host.appendChild(viewport));
192
193
  effect(() => {
@@ -368,7 +369,7 @@ class SlNavigationMenu {
368
369
  next.focus();
369
370
  }
370
371
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
371
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenu, isStandalone: true, selector: "[slNavigationMenu]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest" }, host: { attributes: { "data-ui": "navigation-menu", "data-part": "root" }, listeners: { "focusout": "onFocusOut($event)", "keydown": "onKeyDown($event)", "pointerenter": "intent.stay()", "pointerleave": "onPointerLeave($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-nested": "nested ? '' : null", "attr.data-orientation": "resolvedOrientation()", "attr.data-size": "resolvedSize()" } }, exportAs: ["slNavigationMenu"], ngImport: i0 });
372
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenu, isStandalone: true, selector: "[slNavigationMenu]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest" }, host: { attributes: { "data-ui": "navigation-menu", "data-ui-navigation-menu": "", "data-part": "root", "data-part-root": "" }, listeners: { "focusout": "onFocusOut($event)", "keydown": "onKeyDown($event)", "pointerenter": "intent.stay()", "pointerleave": "onPointerLeave($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-nested": "nested ? '' : null", "attr.data-orientation": "resolvedOrientation()", "attr.data-size": "resolvedSize()" } }, exportAs: ["slNavigationMenu"], ngImport: i0 });
372
373
  }
373
374
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenu, decorators: [{
374
375
  type: Directive,
@@ -378,7 +379,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
378
379
  exportAs: 'slNavigationMenu',
379
380
  host: {
380
381
  'data-ui': 'navigation-menu',
382
+ 'data-ui-navigation-menu': '',
381
383
  'data-part': 'root',
384
+ 'data-part-root': '',
382
385
  '[attr.aria-label]': 'ariaLabel()',
383
386
  '[attr.data-nested]': "nested ? '' : null",
384
387
  '[attr.data-orientation]': 'resolvedOrientation()',
@@ -402,11 +405,11 @@ function activationReason(event) {
402
405
  */
403
406
  class SlNavigationMenuList {
404
407
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Component });
405
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuList, isStandalone: true, selector: "ul[slNavigationMenuList]", host: { attributes: { "data-part": "list" } }, ngImport: i0, template: '<ng-content />', 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
408
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuList, isStandalone: true, selector: "ul[slNavigationMenuList]", host: { attributes: { "data-part": "list", "data-part-list": "" } }, ngImport: i0, template: '<ng-content />', 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
406
409
  }
407
410
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuList, decorators: [{
408
411
  type: Component,
409
- args: [{ selector: 'ul[slNavigationMenuList]', standalone: true, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'data-part': 'list' }, 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"] }]
412
+ args: [{ selector: 'ul[slNavigationMenuList]', standalone: true, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'data-part': 'list', 'data-part-list': '' }, 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"] }]
410
413
  }] });
411
414
  /**
412
415
  * One section — a trigger followed by its panel — or one top-level link. It
@@ -457,7 +460,7 @@ class SlNavigationMenuItem {
457
460
  });
458
461
  }
459
462
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
460
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuItem, isStandalone: true, selector: "li[slNavigationMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-value": "value()", "attr.data-open": "open() ? '' : null", "attr.data-disabled": "disabled() ? '' : null" } }, providers: [
463
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuItem, isStandalone: true, selector: "li[slNavigationMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.data-value": "value()", "attr.data-open": "open() ? '' : null", "attr.data-disabled": "disabled() ? '' : null" } }, providers: [
461
464
  { provide: NAVIGATION_MENU_SECTION, useExisting: forwardRef(() => SlNavigationMenuItem) },
462
465
  ], exportAs: ["slNavigationMenuItem"], ngImport: i0 });
463
466
  }
@@ -472,6 +475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
472
475
  ],
473
476
  host: {
474
477
  'data-part': 'item',
478
+ 'data-part-item': '',
475
479
  '[attr.data-value]': 'value()',
476
480
  '[attr.data-open]': "open() ? '' : null",
477
481
  '[attr.data-disabled]': "disabled() ? '' : null",
@@ -502,7 +506,7 @@ class SlNavigationMenuTriggerWiring {
502
506
  this.navigation.hover(this.section.value(), event.pointerType);
503
507
  }
504
508
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTriggerWiring, deps: [], target: i0.ɵɵFactoryTarget.Directive });
505
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuTriggerWiring, isStandalone: true, selector: "[slNavigationMenuTriggerWiring]", host: { attributes: { "data-part": "trigger", "type": "button" }, listeners: { "click": "onClick($event)", "pointerenter": "onPointerEnter($event)" }, properties: { "attr.aria-controls": "section.contentId", "attr.aria-expanded": "section.open()", "attr.data-open": "section.open() ? '' : null", "attr.data-current": "section.hasCurrent() ? '' : null", "attr.disabled": "section.disabled() ? '' : null" } }, ngImport: i0 });
509
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuTriggerWiring, isStandalone: true, selector: "[slNavigationMenuTriggerWiring]", host: { attributes: { "data-part": "trigger", "data-part-trigger": "", "type": "button" }, listeners: { "click": "onClick($event)", "pointerenter": "onPointerEnter($event)" }, properties: { "attr.aria-controls": "section.contentId", "attr.aria-expanded": "section.open()", "attr.data-open": "section.open() ? '' : null", "attr.data-current": "section.hasCurrent() ? '' : null", "attr.disabled": "section.disabled() ? '' : null" } }, ngImport: i0 });
506
510
  }
507
511
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTriggerWiring, decorators: [{
508
512
  type: Directive,
@@ -511,6 +515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
511
515
  standalone: true,
512
516
  host: {
513
517
  'data-part': 'trigger',
518
+ 'data-part-trigger': '',
514
519
  type: 'button',
515
520
  '[attr.aria-controls]': 'section.contentId',
516
521
  '[attr.aria-expanded]': 'section.open()',
@@ -533,18 +538,18 @@ class SlNavigationMenuTrigger {
533
538
  ...(ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []));
534
539
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
535
540
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuTrigger, isStandalone: true, selector: "button[slNavigationMenuTrigger]", exportAs: ["slNavigationMenuTrigger"], hostDirectives: [{ directive: SlNavigationMenuTriggerWiring }], ngImport: i0, template: `<ng-content />
536
- <span data-part="indicator" aria-hidden="true"
541
+ <span data-part="indicator" data-part-indicator="" aria-hidden="true"
537
542
  ><span slIcon [directional]="vertical()"
538
543
  ><svg slGlyph [name]="vertical() ? 'chevron-right' : 'chevron-down'"></svg></span
539
- ></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 });
544
+ ></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 });
540
545
  }
541
546
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTrigger, decorators: [{
542
547
  type: Component,
543
548
  args: [{ selector: 'button[slNavigationMenuTrigger]', standalone: true, exportAs: 'slNavigationMenuTrigger', imports: [SlGlyph, SlIcon], template: `<ng-content />
544
- <span data-part="indicator" aria-hidden="true"
549
+ <span data-part="indicator" data-part-indicator="" aria-hidden="true"
545
550
  ><span slIcon [directional]="vertical()"
546
551
  ><svg slGlyph [name]="vertical() ? 'chevron-right' : 'chevron-down'"></svg></span
547
- ></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"] }]
552
+ ></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"] }]
548
553
  }] });
549
554
  /**
550
555
  * The section's panel, after its trigger in the same item. It stays in the
@@ -578,7 +583,7 @@ class SlNavigationMenuContent {
578
583
  inject(DestroyRef).onDestroy(() => presence.destroy());
579
584
  }
580
585
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
581
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuContent, isStandalone: true, selector: "[slNavigationMenuContent]", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "content" }, properties: { "attr.id": "item.contentId", "attr.data-columns": "columns()", "attr.data-open": "item.open() ? '' : null", "attr.data-motion": "crossing()", "hidden": "!item.open() && status() === \"unmounted\"" } }, providers: [{ provide: NAVIGATION_MENU_PANEL, useValue: true }], exportAs: ["slNavigationMenuContent"], ngImport: i0 });
586
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuContent, isStandalone: true, selector: "[slNavigationMenuContent]", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "content", "data-part-content": "" }, properties: { "attr.id": "item.contentId", "attr.data-columns": "columns()", "attr.data-open": "item.open() ? '' : null", "attr.data-motion": "crossing()", "hidden": "!item.open() && status() === \"unmounted\"" } }, providers: [{ provide: NAVIGATION_MENU_PANEL, useValue: true }], exportAs: ["slNavigationMenuContent"], ngImport: i0 });
582
587
  }
583
588
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuContent, decorators: [{
584
589
  type: Directive,
@@ -589,6 +594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
589
594
  providers: [{ provide: NAVIGATION_MENU_PANEL, useValue: true }],
590
595
  host: {
591
596
  'data-part': 'content',
597
+ 'data-part-content': '',
592
598
  '[attr.id]': 'item.contentId',
593
599
  '[attr.data-columns]': 'columns()',
594
600
  '[attr.data-open]': "item.open() ? '' : null",
@@ -641,7 +647,7 @@ class SlNavigationMenuLink {
641
647
  }
642
648
  }
643
649
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
644
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuLink, isStandalone: true, selector: "a[slNavigationMenuLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.data-current": "resolvedCurrent() ? '' : null", "attr.aria-disabled": "disabled() ? 'true' : null", "attr.data-disabled": "disabled() ? '' : null" } }, exportAs: ["slNavigationMenuLink"], ngImport: i0 });
650
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuLink, isStandalone: true, selector: "a[slNavigationMenuLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", 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.data-current": "resolvedCurrent() ? '' : null", "attr.aria-disabled": "disabled() ? 'true' : null", "attr.data-disabled": "disabled() ? '' : null" } }, exportAs: ["slNavigationMenuLink"], ngImport: i0 });
645
651
  }
646
652
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLink, decorators: [{
647
653
  type: Directive,
@@ -651,6 +657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
651
657
  exportAs: 'slNavigationMenuLink',
652
658
  host: {
653
659
  'data-part': 'link',
660
+ 'data-part-link': '',
654
661
  '[attr.aria-current]': "resolvedCurrent() ? 'page' : null",
655
662
  '[attr.data-current]': "resolvedCurrent() ? '' : null",
656
663
  '[attr.aria-disabled]': "disabled() ? 'true' : null",
@@ -662,14 +669,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
662
669
  /** A grid of links inside a panel or a group. */
663
670
  class SlNavigationMenuLinks {
664
671
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLinks, deps: [], target: i0.ɵɵFactoryTarget.Directive });
665
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLinks, isStandalone: true, selector: "ul[slNavigationMenuLinks]", host: { attributes: { "data-part": "links" } }, ngImport: i0 });
672
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLinks, isStandalone: true, selector: "ul[slNavigationMenuLinks]", host: { attributes: { "data-part": "links", "data-part-links": "" } }, ngImport: i0 });
666
673
  }
667
674
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLinks, decorators: [{
668
675
  type: Directive,
669
676
  args: [{
670
677
  selector: 'ul[slNavigationMenuLinks]',
671
678
  standalone: true,
672
- host: { 'data-part': 'links' },
679
+ host: { 'data-part': 'links', 'data-part-links': '' },
673
680
  }]
674
681
  }] });
675
682
  /** A column of a panel with a title that names the links under it. */
@@ -679,7 +686,7 @@ class SlNavigationMenuGroup {
679
686
  optional: true,
680
687
  });
681
688
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
682
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroup, isStandalone: true, selector: "[slNavigationMenuGroup]", host: { attributes: { "data-part": "group", "role": "group" }, properties: { "attr.aria-labelledby": "labelledBy ?? labelId" } }, ngImport: i0 });
689
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroup, isStandalone: true, selector: "[slNavigationMenuGroup]", host: { attributes: { "data-part": "group", "data-part-group": "", "role": "group" }, properties: { "attr.aria-labelledby": "labelledBy ?? labelId" } }, ngImport: i0 });
683
690
  }
684
691
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroup, decorators: [{
685
692
  type: Directive,
@@ -688,6 +695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
688
695
  standalone: true,
689
696
  host: {
690
697
  'data-part': 'group',
698
+ 'data-part-group': '',
691
699
  role: 'group',
692
700
  '[attr.aria-labelledby]': 'labelledBy ?? labelId',
693
701
  },
@@ -699,66 +707,66 @@ class SlNavigationMenuGroupLabel {
699
707
  inject(SlNavigationMenuGroup, { optional: true })?.labelId ??
700
708
  null;
701
709
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
702
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroupLabel, isStandalone: true, selector: "[slNavigationMenuGroupLabel]", host: { attributes: { "data-part": "group-label" }, properties: { "attr.id": "id" } }, ngImport: i0 });
710
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroupLabel, isStandalone: true, selector: "[slNavigationMenuGroupLabel]", host: { attributes: { "data-part": "group-label", "data-part-group-label": "" }, properties: { "attr.id": "id" } }, ngImport: i0 });
703
711
  }
704
712
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroupLabel, decorators: [{
705
713
  type: Directive,
706
714
  args: [{
707
715
  selector: '[slNavigationMenuGroupLabel]',
708
716
  standalone: true,
709
- host: { 'data-part': 'group-label', '[attr.id]': 'id' },
717
+ host: { 'data-part': 'group-label', 'data-part-group-label': '', '[attr.id]': 'id' },
710
718
  }]
711
719
  }] });
712
720
  /** The panel's last row, under a rule: the consumer's call to action. */
713
721
  class SlNavigationMenuFooter {
714
722
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
715
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuFooter, isStandalone: true, selector: "[slNavigationMenuFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
723
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuFooter, isStandalone: true, selector: "[slNavigationMenuFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
716
724
  }
717
725
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuFooter, decorators: [{
718
726
  type: Directive,
719
727
  args: [{
720
728
  selector: '[slNavigationMenuFooter]',
721
729
  standalone: true,
722
- host: { 'data-part': 'footer' },
730
+ host: { 'data-part': 'footer', 'data-part-footer': '' },
723
731
  }]
724
732
  }] });
725
733
  /** A rich link's mark, aligned to the text of its label. */
726
734
  class SlNavigationMenuIcon {
727
735
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
728
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuIcon, isStandalone: true, selector: "[slNavigationMenuIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, ngImport: i0 });
736
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuIcon, isStandalone: true, selector: "[slNavigationMenuIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, ngImport: i0 });
729
737
  }
730
738
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIcon, decorators: [{
731
739
  type: Directive,
732
740
  args: [{
733
741
  selector: '[slNavigationMenuIcon]',
734
742
  standalone: true,
735
- host: { 'data-part': 'icon', 'aria-hidden': 'true' },
743
+ host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
736
744
  }]
737
745
  }] });
738
746
  /** A rich link's title. */
739
747
  class SlNavigationMenuLabel {
740
748
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
741
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLabel, isStandalone: true, selector: "[slNavigationMenuLabel]", host: { attributes: { "data-part": "label" } }, ngImport: i0 });
749
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLabel, isStandalone: true, selector: "[slNavigationMenuLabel]", host: { attributes: { "data-part": "label", "data-part-label": "" } }, ngImport: i0 });
742
750
  }
743
751
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLabel, decorators: [{
744
752
  type: Directive,
745
753
  args: [{
746
754
  selector: '[slNavigationMenuLabel]',
747
755
  standalone: true,
748
- host: { 'data-part': 'label' },
756
+ host: { 'data-part': 'label', 'data-part-label': '' },
749
757
  }]
750
758
  }] });
751
759
  /** A rich link's description: two lines to the eye, whole in the DOM. */
752
760
  class SlNavigationMenuDescription {
753
761
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
754
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuDescription, isStandalone: true, selector: "[slNavigationMenuDescription]", host: { attributes: { "data-part": "description" } }, ngImport: i0 });
762
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuDescription, isStandalone: true, selector: "[slNavigationMenuDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" } }, ngImport: i0 });
755
763
  }
756
764
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuDescription, decorators: [{
757
765
  type: Directive,
758
766
  args: [{
759
767
  selector: '[slNavigationMenuDescription]',
760
768
  standalone: true,
761
- host: { 'data-part': 'description' },
769
+ host: { 'data-part': 'description', 'data-part-description': '' },
762
770
  }]
763
771
  }] });
764
772