@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
package/fesm2022/slotted-angular-side-navigation.mjs CHANGED
@@ -6,6 +6,7 @@ import { injectMessages } from '@slotted/angular/i18n';
6
6
  import { sideNavigationMessages } from '@slotted/core/i18n';
7
7
  import * as i0 from '@angular/core';
8
8
  import { InjectionToken, inject, Injectable, model, input, booleanAttribute, numberAttribute, output, HostAttributeToken, ElementRef, computed, signal, DestroyRef, afterNextRender, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
9
+ import { writeSelectorKey } from '@slotted/core/selector-key';
9
10
  import { createDismissableLayer } from '@slotted/core/dismissable-layer';
10
11
  import { createPortalRoot } from '@slotted/core/portal';
11
12
  import { createPositioner } from '@slotted/core/positioner';
@@ -326,13 +327,15 @@ class SlSideNavigation {
326
327
  all[next]?.focus();
327
328
  }
328
329
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
329
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigation, isStandalone: true, selector: "[slSideNavigation]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, flyout: { classPropertyName: "flyout", publicName: "flyout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, autoExpand: { classPropertyName: "autoExpand", publicName: "autoExpand", isSignal: true, isRequired: false, transformFunction: null }, guides: { classPropertyName: "guides", publicName: "guides", isSignal: true, isRequired: false, transformFunction: null }, landmark: { classPropertyName: "landmark", publicName: "landmark", isSignal: true, isRequired: false, transformFunction: null }, compactAt: { classPropertyName: "compactAt", publicName: "compactAt", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", expanded: "expandedChange", flyout: "flyoutChange", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", flyoutChangeRequest: "flyoutChangeRequest" }, host: { attributes: { "data-ui": "side-navigation", "data-part": "root" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-mode": "resolvedMode()", "attr.data-size": "resolvedSize()", "attr.data-truncate": "resolvedTruncate()", "attr.data-guides": "resolvedGuides() ? '' : null", "attr.data-compact": "compact() ? '' : null" } }, exportAs: ["slSideNavigation"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=side-navigation]{--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_mark: var(--slotted-app-shell-row-mark, var(--_row-height));--_inset: var(--slotted-app-shell-row-inset, var(--slotted-space-4, .5rem));--_standoff: min(var(--slotted-space-2, .25rem), var(--_inset));--_ring-inset: var(--slotted-app-shell-row-ring-inset, 0px);--_gap: var(--slotted-app-shell-row-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem));--_line-height: var(--slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45));--_icon-size: var(--slotted-control-icon-size-md, 16px);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_section-font-size: var(--slotted-font-size-xs, .75rem);--_indent: var(--slotted-side-navigation-indent, calc(var(--_mark) + var(--_gap)));--_indent-step: var(--slotted-side-navigation-indent-step, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-side-navigation-radius, var(--slotted-radius-md, 6px));--_row-gap: var(--slotted-side-navigation-row-gap, var(--slotted-space-1, .125rem));--_section-gap: var(--slotted-side-navigation-section-gap, var(--slotted-space-5, .75rem));--_guide-width: var(--slotted-border-width-thin, 1px);--_dot-size: var(--slotted-side-navigation-dot-size, var(--slotted-space-3, .375rem));--_color: var(--slotted-side-navigation-color, var(--slotted-text-muted, GrayText));--_hover-color: var(--slotted-side-navigation-hover-color, var(--slotted-text, CanvasText));--_hover-background: var( --slotted-side-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-side-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-side-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-side-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-side-navigation-current-edge, var(--slotted-current-edge, transparent) );--_dot-color: var(--slotted-side-navigation-dot-color, var(--slotted-tone-accent-solid));--_section-color: var( --slotted-side-navigation-section-color, var(--slotted-text-muted, GrayText) );--_description-color: var( --slotted-side-navigation-description-color, var(--slotted-text-muted, GrayText) );--_current-description-color: var( --slotted-side-navigation-current-description-color, var(--slotted-text, CanvasText) );--_description-gap: var( --slotted-side-navigation-description-gap, var(--slotted-space-1, .125rem) );--_guide-color: var( --slotted-side-navigation-guide-color, var(--slotted-border-subtle, ButtonBorder) );--_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));box-sizing:border-box;color:var(--_color);font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);line-height:var(--_line-height);min-inline-size:0}[data-ui=side-navigation][data-size=sm]{--_row-height: var(--slotted-control-height-sm, 30px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-sm, 6px);--_font-size: var(--slotted-font-size-xs, .75rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=side-navigation][data-size=lg]{--_row-height: var(--slotted-control-height-lg, 38px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-lg, 8px);--_font-size: var(--slotted-font-size-md, .875rem);--_line-height: var(--slotted-line-height-md, 1.5);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_description-font-size: var(--slotted-font-size-sm, .8125rem)}[data-ui=side-navigation][data-part=root]{container-name:slotted-side-navigation;container-type:inline-size;display:flex;flex-direction:column;gap:var(--_section-gap);inline-size:100%}[data-ui=side-navigation] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=side-navigation] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-xs, 1.4);margin-block-end:var( --slotted-side-navigation-section-label-gap, var(--slotted-space-2, .25rem) );min-inline-size:0;padding-block:var(--slotted-space-2, .25rem);overflow-wrap:anywhere;padding-inline:calc(var(--_inset) + (var(--_mark) - var(--_icon-size)) / 2)}[data-ui=side-navigation] [data-part=list],[data-ui=side-navigation] [data-part=group]{display:flex;flex-direction:column;gap:var(--_row-gap);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=side-navigation] [data-part=item]{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 0fr;min-inline-size:0;position:relative;transition:grid-template-rows var(--slotted-duration-medium) var(--_easing)}[data-ui=side-navigation] [data-part=item][data-expanded]{grid-template-rows:auto 1fr}[data-ui=side-navigation] [data-part=item]>[data-part=group]{grid-column:1 / -1;grid-row:2;min-block-size:0;overflow:hidden;opacity:0;padding-block-start:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-end;visibility:hidden}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=group]{opacity:1;padding-block-start:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter) var(--slotted-duration-short),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-start;visibility:visible}[data-ui=side-navigation] [data-part=item]>[data-part=group]{padding-inline-start:var(--_indent-step);position:relative}[data-ui=side-navigation] [data-part=item]:has(>:is([data-part=link],[data-part=trigger])>[data-part=icon])>[data-part=group]{padding-inline-start:var(--_indent)}[data-ui=side-navigation][data-guides] [data-part=item]>[data-part=group]:before{background-color:var(--_guide-color);content:\"\";inline-size:var(--_guide-width);inset-block:var(--_row-gap) 0;inset-inline-start:var(--_inset);position:absolute}[data-ui=side-navigation][data-guides] [data-part=item]:has(>:is([data-part=link],[data-part=trigger])>[data-part=icon])>[data-part=group]:before{inset-inline-start:calc(var(--_inset) + var(--_mark) / 2 - var(--_guide-width) / 2)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]){align-content:center;align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;margin-block:0;margin-inline:calc(var(--_standoff) - var(--_ring-inset));min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff) + var(--_ring-inset));position:relative;text-align:start;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=side-navigation] [data-part=item]:not([data-disabled])>:is([data-part=link],[data-part=trigger]):active{transition-duration:var(--slotted-duration-instant)}[data-ui=side-navigation] [data-part=item]>[data-part=trigger]{grid-column:1 / -1}[data-ui=side-navigation] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{grid-column:2;grid-template-columns:auto;inline-size:var(--_mark);padding-inline:0;place-items:center}[data-ui=side-navigation] [data-part=actions]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--slotted-space-2, .25rem);padding-inline-end:var(--slotted-space-2, .25rem)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=side-navigation] [data-part=icon]{--slotted-icon-size: var(--_icon-size);block-size:var(--_mark);color:inherit;display:grid;font-size:var(--_icon-size);grid-column:1;grid-row:1;inline-size:var(--_mark);margin-inline-end:var(--_gap);place-items:center;position:relative}[data-ui=side-navigation] [data-part=icon]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=side-navigation] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui=side-navigation]:not([data-truncate=none]) [data-part=label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=side-navigation][data-truncate=middle] [data-part=label]{text-overflow:clip}[data-ui=side-navigation] [data-part=description]{color:var(--_description-color);font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--_description-gap);min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui=side-navigation]:not([data-truncate=none]) [data-part=description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description]){padding-block:var(--slotted-space-2, .25rem)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>:is([data-part=icon],[data-part=end],[data-part=count],[data-part=indicator]){grid-row:1 / -1}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>[data-part=label]{align-self:end;line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>[data-part=description]{align-self:start}[data-ui=side-navigation] [data-part=end]{align-items:center;display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=side-navigation] [data-part=count]{color:var(--_description-color);font-size:var(--_description-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);grid-column:3;grid-row:1;line-height:1;margin-inline-start:var(--_gap);min-inline-size:2ch;text-align:end}[data-ui=side-navigation] [data-part=link][data-current]>[data-part=description]{color:var(--_current-description-color)}[data-ui=side-navigation] [data-part=link][data-current]>[data-part=count],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]>[data-part=count]{color:inherit}[data-ui=side-navigation] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;grid-column:4;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=side-navigation] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui=side-navigation] [data-part=item]:has(>[data-part=link])>[data-part=trigger]>[data-part=indicator]{grid-column:1;margin-inline-start:0}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:90deg}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]:dir(rtl){rotate:-90deg}@supports (text-box: trim-both cap alphabetic){[data-ui=side-navigation] [data-part=label]{padding-block:calc((var(--_line-height) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui=side-navigation] [data-part=description],[data-ui=side-navigation] [data-part=section-label]{padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui=side-navigation] [data-part=count]{line-height:var(--slotted-line-height-xs, 1.4);padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=side-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current]):hover,[data-ui=side-navigation] [data-part=item]:not([data-disabled]):not([data-current])>[data-part=trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_hover-color)}[data-ui=side-navigation] [data-part=item][data-open]:not([data-current])>[data-part=trigger],[data-ui=side-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current]):active,[data-ui=side-navigation] [data-part=item]:not([data-disabled]):not([data-current])>[data-part=trigger]:enabled:active{background-color:var(--_active-background)}[data-ui=side-navigation] [data-part=link][data-current],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]{background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_guide-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=side-navigation] [data-part=item][data-disabled]>:is([data-part=link],[data-part=trigger]),[data-ui=side-navigation] [data-part=trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=side-navigation] [data-part=item][data-disabled]>[data-part=link]>[data-part=description]{color:var(--_disabled-color)}[data-ui=side-navigation] [data-part=divider]{border:0;border-block-start:var(--_guide-width) solid var(--_guide-color);margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset)}[data-ui=side-navigation] [data-part=skeleton]{align-items:center;display:grid;gap:var(--_gap);grid-template-columns:var(--_mark) minmax(0,1fr);min-block-size:var(--_row-height);padding-inline:var(--_inset)}[data-ui=side-navigation] [data-part=skeleton]>[data-part=icon]{margin-inline:0}[data-ui=side-navigation] [data-part=skeleton]>[data-part=icon]>[data-ui=skeleton]{--slotted-skeleton-block-size: var(--_icon-size);--slotted-skeleton-inline-size: var(--_icon-size)}[data-ui=side-navigation] [data-part=skeleton]>[data-part=label]{display:block;min-inline-size:0;overflow:visible}@container slotted-side-navigation (inline-size < 96px){[data-ui=side-navigation][data-mode=auto] [data-part=label],[data-ui=side-navigation][data-mode=auto] [data-part=description],[data-ui=side-navigation][data-mode=auto] [data-part=end],[data-ui=side-navigation][data-mode=auto] [data-part=count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=side-navigation][data-mode=auto] [data-part=indicator],[data-ui=side-navigation][data-mode=auto] [data-part=actions],[data-ui=side-navigation][data-mode=auto] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{display:none}[data-ui=side-navigation][data-mode=auto] :is([data-part=link],[data-part=trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui=side-navigation][data-mode=auto] [data-part=icon]{margin:0}[data-ui=side-navigation][data-mode=auto] [data-part=item]{grid-template-rows:auto 0fr}[data-ui=side-navigation][data-mode=auto] [data-part=item]>[data-part=group]{visibility:hidden}[data-ui=side-navigation][data-mode=auto] [data-part=section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui=side-navigation][data-mode=auto] [data-part=skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui=side-navigation][data-mode=auto] [data-part=skeleton]>:not([data-part=icon]){display:none}[data-ui=side-navigation][data-mode=auto] :is([data-part=link],[data-part=trigger]):has(>:is([data-part=end],[data-part=count]))>[data-part=icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}}[data-ui=side-navigation][data-mode=compact] [data-part=label],[data-ui=side-navigation][data-mode=compact] [data-part=description],[data-ui=side-navigation][data-mode=compact] [data-part=end],[data-ui=side-navigation][data-mode=compact] [data-part=count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=side-navigation][data-mode=compact] [data-part=indicator],[data-ui=side-navigation][data-mode=compact] [data-part=actions],[data-ui=side-navigation][data-mode=compact] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{display:none}[data-ui=side-navigation][data-mode=compact] :is([data-part=link],[data-part=trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui=side-navigation][data-mode=compact] [data-part=icon]{margin:0}[data-ui=side-navigation][data-mode=compact] [data-part=item]{grid-template-rows:auto 0fr}[data-ui=side-navigation][data-mode=compact] [data-part=item]>[data-part=group]{visibility:hidden}[data-ui=side-navigation][data-mode=compact] [data-part=section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui=side-navigation][data-mode=compact] [data-part=skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui=side-navigation][data-mode=compact] [data-part=skeleton]>:not([data-part=icon]){display:none}[data-ui=side-navigation][data-mode=compact] :is([data-part=link],[data-part=trigger]):has(>:is([data-part=end],[data-part=count]))>[data-part=icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}[data-ui=side-navigation][data-part=flyout]{--_surface: var( --slotted-side-navigation-flyout-surface, var(--slotted-surface-raised, Canvas) );--_border-color: var( --slotted-side-navigation-flyout-border-color, var(--slotted-border-subtle, ButtonBorder) );--_shadow: var(--slotted-side-navigation-flyout-shadow, var(--slotted-shadow-md));--_flyout-radius: var(--slotted-side-navigation-flyout-radius, var(--slotted-radius-lg, 8px));--_measure: var(--slotted-side-navigation-flyout-measure, 16rem);box-sizing:border-box;inline-size:max-content;inset-block-start:0;isolation:isolate;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-side-navigation-flyout-min-measure, 12rem);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);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=side-navigation][data-part=flyout][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=side-navigation][data-part=flyout][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui=side-navigation][data-part=flyout][data-side=left]{translate:var(--_enter-distance) 0}[data-ui=side-navigation][data-part=flyout][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned]{animation:slotted-side-navigation-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=top]{animation-name:slotted-side-navigation-enter-up}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-enter-from-start}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=left]{animation-name:slotted-side-navigation-enter-from-end}@keyframes slotted-side-navigation-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-side-navigation-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-side-navigation-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-side-navigation-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-side-navigation-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=side-navigation][data-part=flyout],[data-ui=side-navigation][data-part=flyout][data-side=top],[data-ui=side-navigation][data-part=flyout][data-side=left],[data-ui=side-navigation][data-part=flyout][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=top],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=left],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-fade}}[data-ui=side-navigation][data-part=flyout][data-detached]{visibility:hidden}[data-ui=side-navigation][data-part=flyout]>[data-part=group]{background-color:var(--_surface);border:var(--_guide-width) solid var(--_border-color);border-radius:var(--_flyout-radius);box-shadow:var(--_shadow);color:var(--_color);padding:var(--slotted-space-2, .25rem);pointer-events:auto}[data-ui=side-navigation][data-part=flyout]>[data-part=group]>[data-part=item]>[data-part=group]{padding-inline-start:var(--_indent)}@media(forced-colors:active){[data-ui=side-navigation] [data-part=link][data-current],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=side-navigation] [data-part=item][data-disabled]>:is([data-part=link],[data-part=trigger]),[data-ui=side-navigation] [data-part=trigger]:disabled{color:GrayText}[data-ui=side-navigation][data-part=flyout]>[data-part=group]{border-color:CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
330
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigation, isStandalone: true, selector: "[slSideNavigation]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, flyout: { classPropertyName: "flyout", publicName: "flyout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, autoExpand: { classPropertyName: "autoExpand", publicName: "autoExpand", isSignal: true, isRequired: false, transformFunction: null }, guides: { classPropertyName: "guides", publicName: "guides", isSignal: true, isRequired: false, transformFunction: null }, landmark: { classPropertyName: "landmark", publicName: "landmark", isSignal: true, isRequired: false, transformFunction: null }, compactAt: { classPropertyName: "compactAt", publicName: "compactAt", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", expanded: "expandedChange", flyout: "flyoutChange", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", flyoutChangeRequest: "flyoutChangeRequest" }, host: { attributes: { "data-ui": "side-navigation", "data-ui-side-navigation": "", "data-part": "root", "data-part-root": "" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-mode": "resolvedMode()", "attr.data-size": "resolvedSize()", "attr.data-truncate": "resolvedTruncate()", "attr.data-guides": "resolvedGuides() ? '' : null", "attr.data-compact": "compact() ? '' : null" } }, exportAs: ["slSideNavigation"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui-side-navigation]{--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_mark: var(--slotted-app-shell-row-mark, var(--_row-height));--_inset: var(--slotted-app-shell-row-inset, var(--slotted-space-4, .5rem));--_standoff: min(var(--slotted-space-2, .25rem), var(--_inset));--_ring-inset: var(--slotted-app-shell-row-ring-inset, 0px);--_gap: var(--slotted-app-shell-row-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem));--_line-height: var(--slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45));--_icon-size: var(--slotted-control-icon-size-md, 16px);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_section-font-size: var(--slotted-font-size-xs, .75rem);--_indent: var(--slotted-side-navigation-indent, calc(var(--_mark) + var(--_gap)));--_indent-step: var(--slotted-side-navigation-indent-step, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-side-navigation-radius, var(--slotted-radius-md, 6px));--_row-gap: var(--slotted-side-navigation-row-gap, var(--slotted-space-1, .125rem));--_section-gap: var(--slotted-side-navigation-section-gap, var(--slotted-space-5, .75rem));--_guide-width: var(--slotted-border-width-thin, 1px);--_dot-size: var(--slotted-side-navigation-dot-size, var(--slotted-space-3, .375rem));--_color: var(--slotted-side-navigation-color, var(--slotted-text-muted, GrayText));--_hover-color: var(--slotted-side-navigation-hover-color, var(--slotted-text, CanvasText));--_hover-background: var( --slotted-side-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-side-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-side-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-side-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-side-navigation-current-edge, var(--slotted-current-edge, transparent) );--_dot-color: var(--slotted-side-navigation-dot-color, var(--slotted-tone-accent-solid));--_section-color: var( --slotted-side-navigation-section-color, var(--slotted-text-muted, GrayText) );--_description-color: var( --slotted-side-navigation-description-color, var(--slotted-text-muted, GrayText) );--_current-description-color: var( --slotted-side-navigation-current-description-color, var(--slotted-text, CanvasText) );--_description-gap: var( --slotted-side-navigation-description-gap, var(--slotted-space-1, .125rem) );--_guide-color: var( --slotted-side-navigation-guide-color, var(--slotted-border-subtle, ButtonBorder) );--_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));box-sizing:border-box;color:var(--_color);font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);line-height:var(--_line-height);min-inline-size:0}[data-ui-side-navigation][data-size=sm]{--_row-height: var(--slotted-control-height-sm, 30px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-sm, 6px);--_font-size: var(--slotted-font-size-xs, .75rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-side-navigation][data-size=lg]{--_row-height: var(--slotted-control-height-lg, 38px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-lg, 8px);--_font-size: var(--slotted-font-size-md, .875rem);--_line-height: var(--slotted-line-height-md, 1.5);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_description-font-size: var(--slotted-font-size-sm, .8125rem)}[data-ui-side-navigation][data-part-root]{container-name:slotted-side-navigation;container-type:inline-size;display:flex;flex-direction:column;gap:var(--_section-gap);inline-size:100%}[data-ui-side-navigation] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-side-navigation] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-xs, 1.4);margin-block-end:var( --slotted-side-navigation-section-label-gap, var(--slotted-space-2, .25rem) );min-inline-size:0;padding-block:var(--slotted-space-2, .25rem);overflow-wrap:anywhere;padding-inline:calc(var(--_inset) + (var(--_mark) - var(--_icon-size)) / 2)}[data-ui-side-navigation] [data-part-list],[data-ui-side-navigation] [data-part-group]{display:flex;flex-direction:column;gap:var(--_row-gap);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-side-navigation] [data-part-item]{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 0fr;min-inline-size:0;position:relative;transition:grid-template-rows var(--slotted-duration-medium) var(--_easing)}[data-ui-side-navigation] [data-part-item][data-expanded]{grid-template-rows:auto 1fr}[data-ui-side-navigation] [data-part-item]>[data-part-group]{grid-column:1 / -1;grid-row:2;min-block-size:0;overflow:hidden;opacity:0;padding-block-start:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-end;visibility:hidden}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-group]{opacity:1;padding-block-start:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter) var(--slotted-duration-short),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-start;visibility:visible}[data-ui-side-navigation] [data-part-item]>[data-part-group]{padding-inline-start:var(--_indent-step);position:relative}[data-ui-side-navigation] [data-part-item]:has(>:is([data-part-link],[data-part-trigger])>[data-part-icon])>[data-part-group]{padding-inline-start:var(--_indent)}[data-ui-side-navigation][data-guides] [data-part-item]>[data-part-group]:before{background-color:var(--_guide-color);content:\"\";inline-size:var(--_guide-width);inset-block:var(--_row-gap) 0;inset-inline-start:var(--_inset);position:absolute}[data-ui-side-navigation][data-guides] [data-part-item]:has(>:is([data-part-link],[data-part-trigger])>[data-part-icon])>[data-part-group]:before{inset-inline-start:calc(var(--_inset) + var(--_mark) / 2 - var(--_guide-width) / 2)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]){align-content:center;align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;margin-block:0;margin-inline:calc(var(--_standoff) - var(--_ring-inset));min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff) + var(--_ring-inset));position:relative;text-align:start;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-side-navigation] [data-part-item]:not([data-disabled])>:is([data-part-link],[data-part-trigger]):active{transition-duration:var(--slotted-duration-instant)}[data-ui-side-navigation] [data-part-item]>[data-part-trigger]{grid-column:1 / -1}[data-ui-side-navigation] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{grid-column:2;grid-template-columns:auto;inline-size:var(--_mark);padding-inline:0;place-items:center}[data-ui-side-navigation] [data-part-actions]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--slotted-space-2, .25rem);padding-inline-end:var(--slotted-space-2, .25rem)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-side-navigation] [data-part-icon]{--slotted-icon-size: var(--_icon-size);block-size:var(--_mark);color:inherit;display:grid;font-size:var(--_icon-size);grid-column:1;grid-row:1;inline-size:var(--_mark);margin-inline-end:var(--_gap);place-items:center;position:relative}[data-ui-side-navigation] [data-part-icon]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-side-navigation] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui-side-navigation]:not([data-truncate=none]) [data-part-label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-side-navigation][data-truncate=middle] [data-part-label]{text-overflow:clip}[data-ui-side-navigation] [data-part-description]{color:var(--_description-color);font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--_description-gap);min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui-side-navigation]:not([data-truncate=none]) [data-part-description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description]){padding-block:var(--slotted-space-2, .25rem)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>:is([data-part-icon],[data-part-end],[data-part-count],[data-part-indicator]){grid-row:1 / -1}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>[data-part-label]{align-self:end;line-height:var(--slotted-line-height-xs, 1.4)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>[data-part-description]{align-self:start}[data-ui-side-navigation] [data-part-end]{align-items:center;display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-side-navigation] [data-part-count]{color:var(--_description-color);font-size:var(--_description-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);grid-column:3;grid-row:1;line-height:1;margin-inline-start:var(--_gap);min-inline-size:2ch;text-align:end}[data-ui-side-navigation] [data-part-link][data-current]>[data-part-description]{color:var(--_current-description-color)}[data-ui-side-navigation] [data-part-link][data-current]>[data-part-count],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]>[data-part-count]{color:inherit}[data-ui-side-navigation] [data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;grid-column:4;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-side-navigation] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui-side-navigation] [data-part-item]:has(>[data-part-link])>[data-part-trigger]>[data-part-indicator]{grid-column:1;margin-inline-start:0}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]{rotate:90deg}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]:dir(rtl){rotate:-90deg}@supports (text-box: trim-both cap alphabetic){[data-ui-side-navigation] [data-part-label]{padding-block:calc((var(--_line-height) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui-side-navigation] [data-part-description],[data-ui-side-navigation] [data-part-section-label]{padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui-side-navigation] [data-part-count]{line-height:var(--slotted-line-height-xs, 1.4);padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-side-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current]):hover,[data-ui-side-navigation] [data-part-item]:not([data-disabled]):not([data-current])>[data-part-trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_hover-color)}[data-ui-side-navigation] [data-part-item][data-open]:not([data-current])>[data-part-trigger],[data-ui-side-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current]):active,[data-ui-side-navigation] [data-part-item]:not([data-disabled]):not([data-current])>[data-part-trigger]:enabled:active{background-color:var(--_active-background)}[data-ui-side-navigation] [data-part-link][data-current],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]{background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_guide-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-side-navigation] [data-part-item][data-disabled]>:is([data-part-link],[data-part-trigger]),[data-ui-side-navigation] [data-part-trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-side-navigation] [data-part-item][data-disabled]>[data-part-link]>[data-part-description]{color:var(--_disabled-color)}[data-ui-side-navigation] [data-part-divider]{border:0;border-block-start:var(--_guide-width) solid var(--_guide-color);margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset)}[data-ui-side-navigation] [data-part-skeleton]{align-items:center;display:grid;gap:var(--_gap);grid-template-columns:var(--_mark) minmax(0,1fr);min-block-size:var(--_row-height);padding-inline:var(--_inset)}[data-ui-side-navigation] [data-part-skeleton]>[data-part-icon]{margin-inline:0}[data-ui-side-navigation] [data-part-skeleton]>[data-part-icon]>[data-ui-skeleton]{--slotted-skeleton-block-size: var(--_icon-size);--slotted-skeleton-inline-size: var(--_icon-size)}[data-ui-side-navigation] [data-part-skeleton]>[data-part-label]{display:block;min-inline-size:0;overflow:visible}@container slotted-side-navigation (inline-size < 96px){[data-ui-side-navigation][data-mode=auto] [data-part-label],[data-ui-side-navigation][data-mode=auto] [data-part-description],[data-ui-side-navigation][data-mode=auto] [data-part-end],[data-ui-side-navigation][data-mode=auto] [data-part-count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-side-navigation][data-mode=auto] [data-part-indicator],[data-ui-side-navigation][data-mode=auto] [data-part-actions],[data-ui-side-navigation][data-mode=auto] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{display:none}[data-ui-side-navigation][data-mode=auto] :is([data-part-link],[data-part-trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui-side-navigation][data-mode=auto] [data-part-icon]{margin:0}[data-ui-side-navigation][data-mode=auto] [data-part-item]{grid-template-rows:auto 0fr}[data-ui-side-navigation][data-mode=auto] [data-part-item]>[data-part-group]{visibility:hidden}[data-ui-side-navigation][data-mode=auto] [data-part-section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui-side-navigation][data-mode=auto] [data-part-skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui-side-navigation][data-mode=auto] [data-part-skeleton]>:not([data-part-icon]){display:none}[data-ui-side-navigation][data-mode=auto] :is([data-part-link],[data-part-trigger]):has(>:is([data-part-end],[data-part-count]))>[data-part-icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}}[data-ui-side-navigation][data-mode=compact] [data-part-label],[data-ui-side-navigation][data-mode=compact] [data-part-description],[data-ui-side-navigation][data-mode=compact] [data-part-end],[data-ui-side-navigation][data-mode=compact] [data-part-count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-side-navigation][data-mode=compact] [data-part-indicator],[data-ui-side-navigation][data-mode=compact] [data-part-actions],[data-ui-side-navigation][data-mode=compact] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{display:none}[data-ui-side-navigation][data-mode=compact] :is([data-part-link],[data-part-trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui-side-navigation][data-mode=compact] [data-part-icon]{margin:0}[data-ui-side-navigation][data-mode=compact] [data-part-item]{grid-template-rows:auto 0fr}[data-ui-side-navigation][data-mode=compact] [data-part-item]>[data-part-group]{visibility:hidden}[data-ui-side-navigation][data-mode=compact] [data-part-section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui-side-navigation][data-mode=compact] [data-part-skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui-side-navigation][data-mode=compact] [data-part-skeleton]>:not([data-part-icon]){display:none}[data-ui-side-navigation][data-mode=compact] :is([data-part-link],[data-part-trigger]):has(>:is([data-part-end],[data-part-count]))>[data-part-icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}[data-ui-side-navigation][data-part-flyout]{--_surface: var( --slotted-side-navigation-flyout-surface, var(--slotted-surface-raised, Canvas) );--_border-color: var( --slotted-side-navigation-flyout-border-color, var(--slotted-border-subtle, ButtonBorder) );--_shadow: var(--slotted-side-navigation-flyout-shadow, var(--slotted-shadow-md));--_flyout-radius: var(--slotted-side-navigation-flyout-radius, var(--slotted-radius-lg, 8px));--_measure: var(--slotted-side-navigation-flyout-measure, 16rem);box-sizing:border-box;inline-size:max-content;inset-block-start:0;isolation:isolate;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-side-navigation-flyout-min-measure, 12rem);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);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-side-navigation][data-part-flyout][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-side-navigation][data-part-flyout][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui-side-navigation][data-part-flyout][data-side=left]{translate:var(--_enter-distance) 0}[data-ui-side-navigation][data-part-flyout][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned]{animation:slotted-side-navigation-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=top]{animation-name:slotted-side-navigation-enter-up}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-enter-from-start}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=left]{animation-name:slotted-side-navigation-enter-from-end}@keyframes slotted-side-navigation-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-side-navigation-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-side-navigation-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-side-navigation-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-side-navigation-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-side-navigation][data-part-flyout],[data-ui-side-navigation][data-part-flyout][data-side=top],[data-ui-side-navigation][data-part-flyout][data-side=left],[data-ui-side-navigation][data-part-flyout][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=top],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=left],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-fade}}[data-ui-side-navigation][data-part-flyout][data-detached]{visibility:hidden}[data-ui-side-navigation][data-part-flyout]>[data-part-group]{background-color:var(--_surface);border:var(--_guide-width) solid var(--_border-color);border-radius:var(--_flyout-radius);box-shadow:var(--_shadow);color:var(--_color);padding:var(--slotted-space-2, .25rem);pointer-events:auto}[data-ui-side-navigation][data-part-flyout]>[data-part-group]>[data-part-item]>[data-part-group]{padding-inline-start:var(--_indent)}@media(forced-colors:active){[data-ui-side-navigation] [data-part-link][data-current],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-side-navigation] [data-part-item][data-disabled]>:is([data-part-link],[data-part-trigger]),[data-ui-side-navigation] [data-part-trigger]:disabled{color:GrayText}[data-ui-side-navigation][data-part-flyout]>[data-part-group]{border-color:CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
330
331
  }
331
332
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigation, decorators: [{
332
333
  type: Component,
333
334
  args: [{ selector: '[slSideNavigation]', standalone: true, exportAs: 'slSideNavigation', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
334
335
  'data-ui': 'side-navigation',
336
+ 'data-ui-side-navigation': '',
335
337
  'data-part': 'root',
338
+ 'data-part-root': '',
336
339
  '[attr.aria-label]': 'ariaLabel()',
337
340
  '[attr.data-mode]': 'resolvedMode()',
338
341
  '[attr.data-size]': 'resolvedSize()',
@@ -340,7 +343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
340
343
  '[attr.data-guides]': "resolvedGuides() ? '' : null",
341
344
  '[attr.data-compact]': "compact() ? '' : null",
342
345
  '(keydown)': 'onKeyDown($event)',
343
- }, styles: ["@layer slotted.components{[data-ui=side-navigation]{--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_mark: var(--slotted-app-shell-row-mark, var(--_row-height));--_inset: var(--slotted-app-shell-row-inset, var(--slotted-space-4, .5rem));--_standoff: min(var(--slotted-space-2, .25rem), var(--_inset));--_ring-inset: var(--slotted-app-shell-row-ring-inset, 0px);--_gap: var(--slotted-app-shell-row-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem));--_line-height: var(--slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45));--_icon-size: var(--slotted-control-icon-size-md, 16px);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_section-font-size: var(--slotted-font-size-xs, .75rem);--_indent: var(--slotted-side-navigation-indent, calc(var(--_mark) + var(--_gap)));--_indent-step: var(--slotted-side-navigation-indent-step, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-side-navigation-radius, var(--slotted-radius-md, 6px));--_row-gap: var(--slotted-side-navigation-row-gap, var(--slotted-space-1, .125rem));--_section-gap: var(--slotted-side-navigation-section-gap, var(--slotted-space-5, .75rem));--_guide-width: var(--slotted-border-width-thin, 1px);--_dot-size: var(--slotted-side-navigation-dot-size, var(--slotted-space-3, .375rem));--_color: var(--slotted-side-navigation-color, var(--slotted-text-muted, GrayText));--_hover-color: var(--slotted-side-navigation-hover-color, var(--slotted-text, CanvasText));--_hover-background: var( --slotted-side-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-side-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-side-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-side-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-side-navigation-current-edge, var(--slotted-current-edge, transparent) );--_dot-color: var(--slotted-side-navigation-dot-color, var(--slotted-tone-accent-solid));--_section-color: var( --slotted-side-navigation-section-color, var(--slotted-text-muted, GrayText) );--_description-color: var( --slotted-side-navigation-description-color, var(--slotted-text-muted, GrayText) );--_current-description-color: var( --slotted-side-navigation-current-description-color, var(--slotted-text, CanvasText) );--_description-gap: var( --slotted-side-navigation-description-gap, var(--slotted-space-1, .125rem) );--_guide-color: var( --slotted-side-navigation-guide-color, var(--slotted-border-subtle, ButtonBorder) );--_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));box-sizing:border-box;color:var(--_color);font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);line-height:var(--_line-height);min-inline-size:0}[data-ui=side-navigation][data-size=sm]{--_row-height: var(--slotted-control-height-sm, 30px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-sm, 6px);--_font-size: var(--slotted-font-size-xs, .75rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=side-navigation][data-size=lg]{--_row-height: var(--slotted-control-height-lg, 38px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-lg, 8px);--_font-size: var(--slotted-font-size-md, .875rem);--_line-height: var(--slotted-line-height-md, 1.5);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_description-font-size: var(--slotted-font-size-sm, .8125rem)}[data-ui=side-navigation][data-part=root]{container-name:slotted-side-navigation;container-type:inline-size;display:flex;flex-direction:column;gap:var(--_section-gap);inline-size:100%}[data-ui=side-navigation] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=side-navigation] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-xs, 1.4);margin-block-end:var( --slotted-side-navigation-section-label-gap, var(--slotted-space-2, .25rem) );min-inline-size:0;padding-block:var(--slotted-space-2, .25rem);overflow-wrap:anywhere;padding-inline:calc(var(--_inset) + (var(--_mark) - var(--_icon-size)) / 2)}[data-ui=side-navigation] [data-part=list],[data-ui=side-navigation] [data-part=group]{display:flex;flex-direction:column;gap:var(--_row-gap);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=side-navigation] [data-part=item]{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 0fr;min-inline-size:0;position:relative;transition:grid-template-rows var(--slotted-duration-medium) var(--_easing)}[data-ui=side-navigation] [data-part=item][data-expanded]{grid-template-rows:auto 1fr}[data-ui=side-navigation] [data-part=item]>[data-part=group]{grid-column:1 / -1;grid-row:2;min-block-size:0;overflow:hidden;opacity:0;padding-block-start:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-end;visibility:hidden}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=group]{opacity:1;padding-block-start:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter) var(--slotted-duration-short),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-start;visibility:visible}[data-ui=side-navigation] [data-part=item]>[data-part=group]{padding-inline-start:var(--_indent-step);position:relative}[data-ui=side-navigation] [data-part=item]:has(>:is([data-part=link],[data-part=trigger])>[data-part=icon])>[data-part=group]{padding-inline-start:var(--_indent)}[data-ui=side-navigation][data-guides] [data-part=item]>[data-part=group]:before{background-color:var(--_guide-color);content:\"\";inline-size:var(--_guide-width);inset-block:var(--_row-gap) 0;inset-inline-start:var(--_inset);position:absolute}[data-ui=side-navigation][data-guides] [data-part=item]:has(>:is([data-part=link],[data-part=trigger])>[data-part=icon])>[data-part=group]:before{inset-inline-start:calc(var(--_inset) + var(--_mark) / 2 - var(--_guide-width) / 2)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]){align-content:center;align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;margin-block:0;margin-inline:calc(var(--_standoff) - var(--_ring-inset));min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff) + var(--_ring-inset));position:relative;text-align:start;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=side-navigation] [data-part=item]:not([data-disabled])>:is([data-part=link],[data-part=trigger]):active{transition-duration:var(--slotted-duration-instant)}[data-ui=side-navigation] [data-part=item]>[data-part=trigger]{grid-column:1 / -1}[data-ui=side-navigation] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{grid-column:2;grid-template-columns:auto;inline-size:var(--_mark);padding-inline:0;place-items:center}[data-ui=side-navigation] [data-part=actions]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--slotted-space-2, .25rem);padding-inline-end:var(--slotted-space-2, .25rem)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=side-navigation] [data-part=icon]{--slotted-icon-size: var(--_icon-size);block-size:var(--_mark);color:inherit;display:grid;font-size:var(--_icon-size);grid-column:1;grid-row:1;inline-size:var(--_mark);margin-inline-end:var(--_gap);place-items:center;position:relative}[data-ui=side-navigation] [data-part=icon]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=side-navigation] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui=side-navigation]:not([data-truncate=none]) [data-part=label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=side-navigation][data-truncate=middle] [data-part=label]{text-overflow:clip}[data-ui=side-navigation] [data-part=description]{color:var(--_description-color);font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--_description-gap);min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui=side-navigation]:not([data-truncate=none]) [data-part=description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description]){padding-block:var(--slotted-space-2, .25rem)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>:is([data-part=icon],[data-part=end],[data-part=count],[data-part=indicator]){grid-row:1 / -1}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>[data-part=label]{align-self:end;line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=side-navigation] :is([data-part=link],[data-part=trigger]):has(>[data-part=description])>[data-part=description]{align-self:start}[data-ui=side-navigation] [data-part=end]{align-items:center;display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=side-navigation] [data-part=count]{color:var(--_description-color);font-size:var(--_description-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);grid-column:3;grid-row:1;line-height:1;margin-inline-start:var(--_gap);min-inline-size:2ch;text-align:end}[data-ui=side-navigation] [data-part=link][data-current]>[data-part=description]{color:var(--_current-description-color)}[data-ui=side-navigation] [data-part=link][data-current]>[data-part=count],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]>[data-part=count]{color:inherit}[data-ui=side-navigation] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;grid-column:4;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=side-navigation] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui=side-navigation] [data-part=item]:has(>[data-part=link])>[data-part=trigger]>[data-part=indicator]{grid-column:1;margin-inline-start:0}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:90deg}[data-ui=side-navigation] [data-part=item][data-expanded]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]:dir(rtl){rotate:-90deg}@supports (text-box: trim-both cap alphabetic){[data-ui=side-navigation] [data-part=label]{padding-block:calc((var(--_line-height) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui=side-navigation] [data-part=description],[data-ui=side-navigation] [data-part=section-label]{padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui=side-navigation] [data-part=count]{line-height:var(--slotted-line-height-xs, 1.4);padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=side-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current]):hover,[data-ui=side-navigation] [data-part=item]:not([data-disabled]):not([data-current])>[data-part=trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_hover-color)}[data-ui=side-navigation] [data-part=item][data-open]:not([data-current])>[data-part=trigger],[data-ui=side-navigation] [data-part=item]:not([data-disabled])>[data-part=link]:not([data-current]):active,[data-ui=side-navigation] [data-part=item]:not([data-disabled]):not([data-current])>[data-part=trigger]:enabled:active{background-color:var(--_active-background)}[data-ui=side-navigation] [data-part=link][data-current],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]{background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_guide-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=side-navigation] [data-part=item][data-disabled]>:is([data-part=link],[data-part=trigger]),[data-ui=side-navigation] [data-part=trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui=side-navigation] [data-part=item][data-disabled]>[data-part=link]>[data-part=description]{color:var(--_disabled-color)}[data-ui=side-navigation] [data-part=divider]{border:0;border-block-start:var(--_guide-width) solid var(--_guide-color);margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset)}[data-ui=side-navigation] [data-part=skeleton]{align-items:center;display:grid;gap:var(--_gap);grid-template-columns:var(--_mark) minmax(0,1fr);min-block-size:var(--_row-height);padding-inline:var(--_inset)}[data-ui=side-navigation] [data-part=skeleton]>[data-part=icon]{margin-inline:0}[data-ui=side-navigation] [data-part=skeleton]>[data-part=icon]>[data-ui=skeleton]{--slotted-skeleton-block-size: var(--_icon-size);--slotted-skeleton-inline-size: var(--_icon-size)}[data-ui=side-navigation] [data-part=skeleton]>[data-part=label]{display:block;min-inline-size:0;overflow:visible}@container slotted-side-navigation (inline-size < 96px){[data-ui=side-navigation][data-mode=auto] [data-part=label],[data-ui=side-navigation][data-mode=auto] [data-part=description],[data-ui=side-navigation][data-mode=auto] [data-part=end],[data-ui=side-navigation][data-mode=auto] [data-part=count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=side-navigation][data-mode=auto] [data-part=indicator],[data-ui=side-navigation][data-mode=auto] [data-part=actions],[data-ui=side-navigation][data-mode=auto] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{display:none}[data-ui=side-navigation][data-mode=auto] :is([data-part=link],[data-part=trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui=side-navigation][data-mode=auto] [data-part=icon]{margin:0}[data-ui=side-navigation][data-mode=auto] [data-part=item]{grid-template-rows:auto 0fr}[data-ui=side-navigation][data-mode=auto] [data-part=item]>[data-part=group]{visibility:hidden}[data-ui=side-navigation][data-mode=auto] [data-part=section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui=side-navigation][data-mode=auto] [data-part=skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui=side-navigation][data-mode=auto] [data-part=skeleton]>:not([data-part=icon]){display:none}[data-ui=side-navigation][data-mode=auto] :is([data-part=link],[data-part=trigger]):has(>:is([data-part=end],[data-part=count]))>[data-part=icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}}[data-ui=side-navigation][data-mode=compact] [data-part=label],[data-ui=side-navigation][data-mode=compact] [data-part=description],[data-ui=side-navigation][data-mode=compact] [data-part=end],[data-ui=side-navigation][data-mode=compact] [data-part=count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=side-navigation][data-mode=compact] [data-part=indicator],[data-ui=side-navigation][data-mode=compact] [data-part=actions],[data-ui=side-navigation][data-mode=compact] [data-part=item]:has(>[data-part=link])>[data-part=trigger]{display:none}[data-ui=side-navigation][data-mode=compact] :is([data-part=link],[data-part=trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui=side-navigation][data-mode=compact] [data-part=icon]{margin:0}[data-ui=side-navigation][data-mode=compact] [data-part=item]{grid-template-rows:auto 0fr}[data-ui=side-navigation][data-mode=compact] [data-part=item]>[data-part=group]{visibility:hidden}[data-ui=side-navigation][data-mode=compact] [data-part=section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui=side-navigation][data-mode=compact] [data-part=skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui=side-navigation][data-mode=compact] [data-part=skeleton]>:not([data-part=icon]){display:none}[data-ui=side-navigation][data-mode=compact] :is([data-part=link],[data-part=trigger]):has(>:is([data-part=end],[data-part=count]))>[data-part=icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}[data-ui=side-navigation][data-part=flyout]{--_surface: var( --slotted-side-navigation-flyout-surface, var(--slotted-surface-raised, Canvas) );--_border-color: var( --slotted-side-navigation-flyout-border-color, var(--slotted-border-subtle, ButtonBorder) );--_shadow: var(--slotted-side-navigation-flyout-shadow, var(--slotted-shadow-md));--_flyout-radius: var(--slotted-side-navigation-flyout-radius, var(--slotted-radius-lg, 8px));--_measure: var(--slotted-side-navigation-flyout-measure, 16rem);box-sizing:border-box;inline-size:max-content;inset-block-start:0;isolation:isolate;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-side-navigation-flyout-min-measure, 12rem);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);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=side-navigation][data-part=flyout][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=side-navigation][data-part=flyout][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui=side-navigation][data-part=flyout][data-side=left]{translate:var(--_enter-distance) 0}[data-ui=side-navigation][data-part=flyout][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned]{animation:slotted-side-navigation-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=top]{animation-name:slotted-side-navigation-enter-up}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-enter-from-start}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=left]{animation-name:slotted-side-navigation-enter-from-end}@keyframes slotted-side-navigation-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-side-navigation-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-side-navigation-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-side-navigation-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-side-navigation-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=side-navigation][data-part=flyout],[data-ui=side-navigation][data-part=flyout][data-side=top],[data-ui=side-navigation][data-part=flyout][data-side=left],[data-ui=side-navigation][data-part=flyout][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=side-navigation][data-part=flyout][data-open][data-positioned],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=top],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=left],[data-ui=side-navigation][data-part=flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-fade}}[data-ui=side-navigation][data-part=flyout][data-detached]{visibility:hidden}[data-ui=side-navigation][data-part=flyout]>[data-part=group]{background-color:var(--_surface);border:var(--_guide-width) solid var(--_border-color);border-radius:var(--_flyout-radius);box-shadow:var(--_shadow);color:var(--_color);padding:var(--slotted-space-2, .25rem);pointer-events:auto}[data-ui=side-navigation][data-part=flyout]>[data-part=group]>[data-part=item]>[data-part=group]{padding-inline-start:var(--_indent)}@media(forced-colors:active){[data-ui=side-navigation] [data-part=link][data-current],[data-ui=side-navigation] [data-part=item][data-current]>[data-part=trigger]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=side-navigation] [data-part=item][data-disabled]>:is([data-part=link],[data-part=trigger]),[data-ui=side-navigation] [data-part=trigger]:disabled{color:GrayText}[data-ui=side-navigation][data-part=flyout]>[data-part=group]{border-color:CanvasText}}}\n"] }]
346
+ }, styles: ["@layer slotted.components{[data-ui-side-navigation]{--_row-height: var(--slotted-app-shell-row-height, var(--slotted-control-height-md, 34px));--_mark: var(--slotted-app-shell-row-mark, var(--_row-height));--_inset: var(--slotted-app-shell-row-inset, var(--slotted-space-4, .5rem));--_standoff: min(var(--slotted-space-2, .25rem), var(--_inset));--_ring-inset: var(--slotted-app-shell-row-ring-inset, 0px);--_gap: var(--slotted-app-shell-row-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-app-shell-row-font-size, var(--slotted-font-size-sm, .8125rem));--_line-height: var(--slotted-app-shell-row-line-height, var(--slotted-line-height-sm, 1.45));--_icon-size: var(--slotted-control-icon-size-md, 16px);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_section-font-size: var(--slotted-font-size-xs, .75rem);--_indent: var(--slotted-side-navigation-indent, calc(var(--_mark) + var(--_gap)));--_indent-step: var(--slotted-side-navigation-indent-step, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-side-navigation-radius, var(--slotted-radius-md, 6px));--_row-gap: var(--slotted-side-navigation-row-gap, var(--slotted-space-1, .125rem));--_section-gap: var(--slotted-side-navigation-section-gap, var(--slotted-space-5, .75rem));--_guide-width: var(--slotted-border-width-thin, 1px);--_dot-size: var(--slotted-side-navigation-dot-size, var(--slotted-space-3, .375rem));--_color: var(--slotted-side-navigation-color, var(--slotted-text-muted, GrayText));--_hover-color: var(--slotted-side-navigation-hover-color, var(--slotted-text, CanvasText));--_hover-background: var( --slotted-side-navigation-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-side-navigation-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-side-navigation-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-side-navigation-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-side-navigation-current-edge, var(--slotted-current-edge, transparent) );--_dot-color: var(--slotted-side-navigation-dot-color, var(--slotted-tone-accent-solid));--_section-color: var( --slotted-side-navigation-section-color, var(--slotted-text-muted, GrayText) );--_description-color: var( --slotted-side-navigation-description-color, var(--slotted-text-muted, GrayText) );--_current-description-color: var( --slotted-side-navigation-current-description-color, var(--slotted-text, CanvasText) );--_description-gap: var( --slotted-side-navigation-description-gap, var(--slotted-space-1, .125rem) );--_guide-color: var( --slotted-side-navigation-guide-color, var(--slotted-border-subtle, ButtonBorder) );--_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));box-sizing:border-box;color:var(--_color);font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);line-height:var(--_line-height);min-inline-size:0}[data-ui-side-navigation][data-size=sm]{--_row-height: var(--slotted-control-height-sm, 30px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-sm, 6px);--_font-size: var(--slotted-font-size-xs, .75rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-side-navigation][data-size=lg]{--_row-height: var(--slotted-control-height-lg, 38px);--_mark: var(--_row-height);--_gap: var(--slotted-control-gap-lg, 8px);--_font-size: var(--slotted-font-size-md, .875rem);--_line-height: var(--slotted-line-height-md, 1.5);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_description-font-size: var(--slotted-font-size-sm, .8125rem)}[data-ui-side-navigation][data-part-root]{container-name:slotted-side-navigation;container-type:inline-size;display:flex;flex-direction:column;gap:var(--_section-gap);inline-size:100%}[data-ui-side-navigation] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-side-navigation] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-xs, 1.4);margin-block-end:var( --slotted-side-navigation-section-label-gap, var(--slotted-space-2, .25rem) );min-inline-size:0;padding-block:var(--slotted-space-2, .25rem);overflow-wrap:anywhere;padding-inline:calc(var(--_inset) + (var(--_mark) - var(--_icon-size)) / 2)}[data-ui-side-navigation] [data-part-list],[data-ui-side-navigation] [data-part-group]{display:flex;flex-direction:column;gap:var(--_row-gap);list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-side-navigation] [data-part-item]{align-content:start;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 0fr;min-inline-size:0;position:relative;transition:grid-template-rows var(--slotted-duration-medium) var(--_easing)}[data-ui-side-navigation] [data-part-item][data-expanded]{grid-template-rows:auto 1fr}[data-ui-side-navigation] [data-part-item]>[data-part-group]{grid-column:1 / -1;grid-row:2;min-block-size:0;overflow:hidden;opacity:0;padding-block-start:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-end;visibility:hidden}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-group]{opacity:1;padding-block-start:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter) var(--slotted-duration-short),padding-block-start var(--slotted-duration-medium) var(--_easing),visibility var(--slotted-duration-medium) step-start;visibility:visible}[data-ui-side-navigation] [data-part-item]>[data-part-group]{padding-inline-start:var(--_indent-step);position:relative}[data-ui-side-navigation] [data-part-item]:has(>:is([data-part-link],[data-part-trigger])>[data-part-icon])>[data-part-group]{padding-inline-start:var(--_indent)}[data-ui-side-navigation][data-guides] [data-part-item]>[data-part-group]:before{background-color:var(--_guide-color);content:\"\";inline-size:var(--_guide-width);inset-block:var(--_row-gap) 0;inset-inline-start:var(--_inset);position:absolute}[data-ui-side-navigation][data-guides] [data-part-item]:has(>:is([data-part-link],[data-part-trigger])>[data-part-icon])>[data-part-group]:before{inset-inline-start:calc(var(--_inset) + var(--_mark) / 2 - var(--_guide-width) / 2)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]){align-content:center;align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;font:inherit;grid-column:1;grid-row:1;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto auto;margin-block:0;margin-inline:calc(var(--_standoff) - var(--_ring-inset));min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff) + var(--_ring-inset));position:relative;text-align:start;text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-side-navigation] [data-part-item]:not([data-disabled])>:is([data-part-link],[data-part-trigger]):active{transition-duration:var(--slotted-duration-instant)}[data-ui-side-navigation] [data-part-item]>[data-part-trigger]{grid-column:1 / -1}[data-ui-side-navigation] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{grid-column:2;grid-template-columns:auto;inline-size:var(--_mark);padding-inline:0;place-items:center}[data-ui-side-navigation] [data-part-actions]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--slotted-space-2, .25rem);padding-inline-end:var(--slotted-space-2, .25rem)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui-side-navigation] [data-part-icon]{--slotted-icon-size: var(--_icon-size);block-size:var(--_mark);color:inherit;display:grid;font-size:var(--_icon-size);grid-column:1;grid-row:1;inline-size:var(--_mark);margin-inline-end:var(--_gap);place-items:center;position:relative}[data-ui-side-navigation] [data-part-icon]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-side-navigation] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui-side-navigation]:not([data-truncate=none]) [data-part-label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-side-navigation][data-truncate=middle] [data-part-label]{text-overflow:clip}[data-ui-side-navigation] [data-part-description]{color:var(--_description-color);font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin-block-start:var(--_description-gap);min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}[data-ui-side-navigation]:not([data-truncate=none]) [data-part-description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description]){padding-block:var(--slotted-space-2, .25rem)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>:is([data-part-icon],[data-part-end],[data-part-count],[data-part-indicator]){grid-row:1 / -1}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>[data-part-label]{align-self:end;line-height:var(--slotted-line-height-xs, 1.4)}[data-ui-side-navigation] :is([data-part-link],[data-part-trigger]):has(>[data-part-description])>[data-part-description]{align-self:start}[data-ui-side-navigation] [data-part-end]{align-items:center;display:flex;grid-column:3;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-side-navigation] [data-part-count]{color:var(--_description-color);font-size:var(--_description-font-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);grid-column:3;grid-row:1;line-height:1;margin-inline-start:var(--_gap);min-inline-size:2ch;text-align:end}[data-ui-side-navigation] [data-part-link][data-current]>[data-part-description]{color:var(--_current-description-color)}[data-ui-side-navigation] [data-part-link][data-current]>[data-part-count],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]>[data-part-count]{color:inherit}[data-ui-side-navigation] [data-part-indicator]{--slotted-icon-size: var(--_icon-size);display:flex;grid-column:4;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-side-navigation] [data-part-indicator]>[data-ui-icon]{transition:rotate var(--slotted-duration-medium) var(--_easing)}[data-ui-side-navigation] [data-part-item]:has(>[data-part-link])>[data-part-trigger]>[data-part-indicator]{grid-column:1;margin-inline-start:0}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]{rotate:90deg}[data-ui-side-navigation] [data-part-item][data-expanded]>[data-part-trigger]>[data-part-indicator]>[data-ui-icon]:dir(rtl){rotate:-90deg}@supports (text-box: trim-both cap alphabetic){[data-ui-side-navigation] [data-part-label]{padding-block:calc((var(--_line-height) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui-side-navigation] [data-part-description],[data-ui-side-navigation] [data-part-section-label]{padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}[data-ui-side-navigation] [data-part-count]{line-height:var(--slotted-line-height-xs, 1.4);padding-block:calc((var(--slotted-line-height-xs, 1.4) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-side-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current]):hover,[data-ui-side-navigation] [data-part-item]:not([data-disabled]):not([data-current])>[data-part-trigger]:enabled:hover{background-color:var(--_hover-background);color:var(--_hover-color)}[data-ui-side-navigation] [data-part-item][data-open]:not([data-current])>[data-part-trigger],[data-ui-side-navigation] [data-part-item]:not([data-disabled])>[data-part-link]:not([data-current]):active,[data-ui-side-navigation] [data-part-item]:not([data-disabled]):not([data-current])>[data-part-trigger]:enabled:active{background-color:var(--_active-background)}[data-ui-side-navigation] [data-part-link][data-current],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]{background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_guide-width) var(--_current-edge);color:var(--_current-color);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-side-navigation] [data-part-item][data-disabled]>:is([data-part-link],[data-part-trigger]),[data-ui-side-navigation] [data-part-trigger]:disabled{color:var(--_disabled-color);cursor:not-allowed}[data-ui-side-navigation] [data-part-item][data-disabled]>[data-part-link]>[data-part-description]{color:var(--_disabled-color)}[data-ui-side-navigation] [data-part-divider]{border:0;border-block-start:var(--_guide-width) solid var(--_guide-color);margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset)}[data-ui-side-navigation] [data-part-skeleton]{align-items:center;display:grid;gap:var(--_gap);grid-template-columns:var(--_mark) minmax(0,1fr);min-block-size:var(--_row-height);padding-inline:var(--_inset)}[data-ui-side-navigation] [data-part-skeleton]>[data-part-icon]{margin-inline:0}[data-ui-side-navigation] [data-part-skeleton]>[data-part-icon]>[data-ui-skeleton]{--slotted-skeleton-block-size: var(--_icon-size);--slotted-skeleton-inline-size: var(--_icon-size)}[data-ui-side-navigation] [data-part-skeleton]>[data-part-label]{display:block;min-inline-size:0;overflow:visible}@container slotted-side-navigation (inline-size < 96px){[data-ui-side-navigation][data-mode=auto] [data-part-label],[data-ui-side-navigation][data-mode=auto] [data-part-description],[data-ui-side-navigation][data-mode=auto] [data-part-end],[data-ui-side-navigation][data-mode=auto] [data-part-count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-side-navigation][data-mode=auto] [data-part-indicator],[data-ui-side-navigation][data-mode=auto] [data-part-actions],[data-ui-side-navigation][data-mode=auto] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{display:none}[data-ui-side-navigation][data-mode=auto] :is([data-part-link],[data-part-trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui-side-navigation][data-mode=auto] [data-part-icon]{margin:0}[data-ui-side-navigation][data-mode=auto] [data-part-item]{grid-template-rows:auto 0fr}[data-ui-side-navigation][data-mode=auto] [data-part-item]>[data-part-group]{visibility:hidden}[data-ui-side-navigation][data-mode=auto] [data-part-section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui-side-navigation][data-mode=auto] [data-part-skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui-side-navigation][data-mode=auto] [data-part-skeleton]>:not([data-part-icon]){display:none}[data-ui-side-navigation][data-mode=auto] :is([data-part-link],[data-part-trigger]):has(>:is([data-part-end],[data-part-count]))>[data-part-icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}}[data-ui-side-navigation][data-mode=compact] [data-part-label],[data-ui-side-navigation][data-mode=compact] [data-part-description],[data-ui-side-navigation][data-mode=compact] [data-part-end],[data-ui-side-navigation][data-mode=compact] [data-part-count]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-side-navigation][data-mode=compact] [data-part-indicator],[data-ui-side-navigation][data-mode=compact] [data-part-actions],[data-ui-side-navigation][data-mode=compact] [data-part-item]:has(>[data-part-link])>[data-part-trigger]{display:none}[data-ui-side-navigation][data-mode=compact] :is([data-part-link],[data-part-trigger]){grid-template-columns:auto;inline-size:var(--_mark);justify-content:center;justify-self:center;padding:0}[data-ui-side-navigation][data-mode=compact] [data-part-icon]{margin:0}[data-ui-side-navigation][data-mode=compact] [data-part-item]{grid-template-rows:auto 0fr}[data-ui-side-navigation][data-mode=compact] [data-part-item]>[data-part-group]{visibility:hidden}[data-ui-side-navigation][data-mode=compact] [data-part-section-label]{block-size:0;border-block-start:var(--_guide-width) solid var(--_guide-color);color:transparent;margin-block:var(--slotted-space-2, .25rem);margin-inline:var(--_inset);overflow:hidden;padding:0}[data-ui-side-navigation][data-mode=compact] [data-part-skeleton]{grid-template-columns:var(--_mark);justify-content:center;padding-inline:0}[data-ui-side-navigation][data-mode=compact] [data-part-skeleton]>:not([data-part-icon]){display:none}[data-ui-side-navigation][data-mode=compact] :is([data-part-link],[data-part-trigger]):has(>:is([data-part-end],[data-part-count]))>[data-part-icon]:after{background-color:var(--_dot-color);block-size:var(--_dot-size);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_dot-size);inset-block-start:var(--slotted-space-2, .25rem);inset-inline-end:var(--slotted-space-2, .25rem);position:absolute}[data-ui-side-navigation][data-part-flyout]{--_surface: var( --slotted-side-navigation-flyout-surface, var(--slotted-surface-raised, Canvas) );--_border-color: var( --slotted-side-navigation-flyout-border-color, var(--slotted-border-subtle, ButtonBorder) );--_shadow: var(--slotted-side-navigation-flyout-shadow, var(--slotted-shadow-md));--_flyout-radius: var(--slotted-side-navigation-flyout-radius, var(--slotted-radius-lg, 8px));--_measure: var(--slotted-side-navigation-flyout-measure, 16rem);box-sizing:border-box;inline-size:max-content;inset-block-start:0;isolation:isolate;max-inline-size:min(var(--_measure),var(--slotted-positioner-available-width, 100vw));min-inline-size:var(--slotted-side-navigation-flyout-min-measure, 12rem);padding-block:0;padding-inline:var(--slotted-space-2, .25rem);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);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-side-navigation][data-part-flyout][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-side-navigation][data-part-flyout][data-side=right]{translate:calc(-1 * var(--_enter-distance)) 0}[data-ui-side-navigation][data-part-flyout][data-side=left]{translate:var(--_enter-distance) 0}[data-ui-side-navigation][data-part-flyout][data-open]{opacity:1;translate:0 0;transition:none}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned]{animation:slotted-side-navigation-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=top]{animation-name:slotted-side-navigation-enter-up}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-enter-from-start}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=left]{animation-name:slotted-side-navigation-enter-from-end}@keyframes slotted-side-navigation-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-side-navigation-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-side-navigation-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_enter-distance)) 0}}@keyframes slotted-side-navigation-enter-from-end{0%{opacity:0;translate:var(--_enter-distance) 0}}@keyframes slotted-side-navigation-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui-side-navigation][data-part-flyout],[data-ui-side-navigation][data-part-flyout][data-side=top],[data-ui-side-navigation][data-part-flyout][data-side=left],[data-ui-side-navigation][data-part-flyout][data-side=right]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-side-navigation][data-part-flyout][data-open][data-positioned],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=top],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=left],[data-ui-side-navigation][data-part-flyout][data-open][data-positioned][data-side=right]{animation-name:slotted-side-navigation-fade}}[data-ui-side-navigation][data-part-flyout][data-detached]{visibility:hidden}[data-ui-side-navigation][data-part-flyout]>[data-part-group]{background-color:var(--_surface);border:var(--_guide-width) solid var(--_border-color);border-radius:var(--_flyout-radius);box-shadow:var(--_shadow);color:var(--_color);padding:var(--slotted-space-2, .25rem);pointer-events:auto}[data-ui-side-navigation][data-part-flyout]>[data-part-group]>[data-part-item]>[data-part-group]{padding-inline-start:var(--_indent)}@media(forced-colors:active){[data-ui-side-navigation] [data-part-link][data-current],[data-ui-side-navigation] [data-part-item][data-current]>[data-part-trigger]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-side-navigation] [data-part-item][data-disabled]>:is([data-part-link],[data-part-trigger]),[data-ui-side-navigation] [data-part-trigger]:disabled{color:GrayText}[data-ui-side-navigation][data-part-flyout]>[data-part-group]{border-color:CanvasText}}}\n"] }]
344
347
  }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], flyout: [{ type: i0.Input, args: [{ isSignal: true, alias: "flyout", required: false }] }, { type: i0.Output, args: ["flyoutChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], autoExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoExpand", required: false }] }], guides: [{ type: i0.Input, args: [{ isSignal: true, alias: "guides", required: false }] }], landmark: [{ type: i0.Input, args: [{ isSignal: true, alias: "landmark", required: false }] }], compactAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactAt", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }], flyoutChangeRequest: [{ type: i0.Output, args: ["flyoutChangeRequest"] }] } });
345
348
 
346
349
  /** A click synthesised by the keyboard reports no detail; a real one reports the count. */
@@ -351,40 +354,40 @@ function activationReason(event) {
351
354
  /** A titled run of destinations. Several may stand under one root. */
352
355
  class SlSideNavigationSection {
353
356
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationSection, deps: [], target: i0.ɵɵFactoryTarget.Directive });
354
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationSection, isStandalone: true, selector: "[slSideNavigationSection]", host: { attributes: { "data-part": "section" } }, ngImport: i0 });
357
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationSection, isStandalone: true, selector: "[slSideNavigationSection]", host: { attributes: { "data-part": "section", "data-part-section": "" } }, ngImport: i0 });
355
358
  }
356
359
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationSection, decorators: [{
357
360
  type: Directive,
358
361
  args: [{
359
362
  selector: '[slSideNavigationSection]',
360
363
  standalone: true,
361
- host: { 'data-part': 'section' },
364
+ host: { 'data-part': 'section', 'data-part-section': '' },
362
365
  }]
363
366
  }] });
364
367
  /** The section's title. In compact mode it becomes a rule. */
365
368
  class SlSideNavigationSectionLabel {
366
369
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationSectionLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
367
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationSectionLabel, isStandalone: true, selector: "[slSideNavigationSectionLabel]", host: { attributes: { "data-part": "section-label" } }, ngImport: i0 });
370
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationSectionLabel, isStandalone: true, selector: "[slSideNavigationSectionLabel]", host: { attributes: { "data-part": "section-label", "data-part-section-label": "" } }, ngImport: i0 });
368
371
  }
369
372
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationSectionLabel, decorators: [{
370
373
  type: Directive,
371
374
  args: [{
372
375
  selector: '[slSideNavigationSectionLabel]',
373
376
  standalone: true,
374
- host: { 'data-part': 'section-label' },
377
+ host: { 'data-part': 'section-label', 'data-part-section-label': '' },
375
378
  }]
376
379
  }] });
377
380
  /** The items of one level: the top level, or a section's. */
378
381
  class SlSideNavigationList {
379
382
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
380
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationList, isStandalone: true, selector: "ul[slSideNavigationList]", host: { attributes: { "data-part": "list" } }, ngImport: i0 });
383
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationList, isStandalone: true, selector: "ul[slSideNavigationList]", host: { attributes: { "data-part": "list", "data-part-list": "" } }, ngImport: i0 });
381
384
  }
382
385
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationList, decorators: [{
383
386
  type: Directive,
384
387
  args: [{
385
388
  selector: 'ul[slSideNavigationList]',
386
389
  standalone: true,
387
- host: { 'data-part': 'list' },
390
+ host: { 'data-part': 'list', 'data-part-list': '' },
388
391
  }]
389
392
  }] });
390
393
  /* ── The item ───────────────────────────────────────────────────────────── */
@@ -466,7 +469,7 @@ class SlSideNavigationItem {
466
469
  });
467
470
  }
468
471
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
469
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigationItem, isStandalone: true, selector: "li[slSideNavigationItem]", 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-current": "marked() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-open": "flyoutOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null" } }, exportAs: ["slSideNavigationItem"], ngImport: i0 });
472
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigationItem, isStandalone: true, selector: "li[slSideNavigationItem]", 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-current": "marked() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-open": "flyoutOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null" } }, exportAs: ["slSideNavigationItem"], ngImport: i0 });
470
473
  }
471
474
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationItem, decorators: [{
472
475
  type: Directive,
@@ -476,6 +479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
476
479
  exportAs: 'slSideNavigationItem',
477
480
  host: {
478
481
  'data-part': 'item',
482
+ 'data-part-item': '',
479
483
  '[attr.data-value]': 'value()',
480
484
  '[attr.data-current]': "marked() ? '' : null",
481
485
  '[attr.data-expanded]': "expanded() ? '' : null",
@@ -615,7 +619,7 @@ class SlSideNavigationLink extends SideNavigationRow {
615
619
  }
616
620
  }
617
621
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
618
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSideNavigationLink, isStandalone: true, selector: "a[slSideNavigationLink], button[slSideNavigationLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.aria-disabled": "item.resolvedDisabled() ? 'true' : null", "attr.aria-label": "ariaLabel()", "attr.data-current": "resolvedCurrent() ? '' : null" } }, providers: [
622
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSideNavigationLink, isStandalone: true, selector: "a[slSideNavigationLink], button[slSideNavigationLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link", "data-part-link": "" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.aria-disabled": "item.resolvedDisabled() ? 'true' : null", "attr.aria-label": "ariaLabel()", "attr.data-current": "resolvedCurrent() ? '' : null" } }, providers: [
619
623
  provideTooltipDefaults({ describes: 'description', openOn: 'hover', side: 'inline-end' }),
620
624
  ], exportAs: ["slSideNavigationLink"], usesInheritance: true, hostDirectives: [{ directive: i1.SlTooltip }], ngImport: i0, template: "<ng-content />\n@if (hint()) {\n <ng-template slTooltipLayer>\n <div slTooltipContent>\n {{ item.labelText() }}\n @if (item.descriptionText()) {\n <br />\n {{ item.descriptionText() }}\n }\n </div>\n </ng-template>\n}", isInline: true, dependencies: [{ kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
621
625
  }
@@ -636,6 +640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
636
640
  host: {
637
641
  ...HINT_HOST,
638
642
  'data-part': 'link',
643
+ 'data-part-link': '',
639
644
  '[attr.aria-current]': "resolvedCurrent() ? 'page' : null",
640
645
  '[attr.aria-disabled]': "item.resolvedDisabled() ? 'true' : null",
641
646
  '[attr.aria-label]': 'ariaLabel()',
@@ -670,10 +675,10 @@ class SlSideNavigationTrigger extends SideNavigationRow {
670
675
  this.navigation.toggleExpanded(this.item.value(), !this.item.expanded(), reason, event);
671
676
  }
672
677
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
673
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSideNavigationTrigger, isStandalone: true, selector: "button[slSideNavigationTrigger]", host: { attributes: { "data-part": "trigger", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.id": "item.ids.triggerId", "attr.aria-controls": "item.ids.groupId", "attr.aria-expanded": "item.flyoutOpen() || item.expanded()", "attr.aria-labelledby": "item.hasLink() ? item.ids.labelId : null", "disabled": "item.resolvedDisabled()" } }, providers: [
678
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSideNavigationTrigger, isStandalone: true, selector: "button[slSideNavigationTrigger]", host: { attributes: { "data-part": "trigger", "data-part-trigger": "", "type": "button" }, listeners: { "pointerenter": "onPointerEnter($event)", "pointerleave": "onPointerLeave($event)", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()", "focus": "onFocus($event)", "blur": "onBlur($event)", "click": "onClick($event)" }, properties: { "attr.aria-describedby": "describedBy()", "attr.id": "item.ids.triggerId", "attr.aria-controls": "item.ids.groupId", "attr.aria-expanded": "item.flyoutOpen() || item.expanded()", "attr.aria-labelledby": "item.hasLink() ? item.ids.labelId : null", "disabled": "item.resolvedDisabled()" } }, providers: [
674
679
  provideTooltipDefaults({ describes: 'description', openOn: 'hover', side: 'inline-end' }),
675
680
  ], exportAs: ["slSideNavigationTrigger"], usesInheritance: true, hostDirectives: [{ directive: i1.SlTooltip }], ngImport: i0, template: `<ng-content />
676
- <span data-part="indicator" aria-hidden="true"
681
+ <span data-part="indicator" data-part-indicator="" aria-hidden="true"
677
682
  ><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
678
683
  ></span>
679
684
  @if (hint()) {
@@ -690,7 +695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
690
695
  exportAs: 'slSideNavigationTrigger',
691
696
  imports: [SlGlyph, SlIcon, SlTooltipLayer, SlTooltipContent],
692
697
  template: `<ng-content />
693
- <span data-part="indicator" aria-hidden="true"
698
+ <span data-part="indicator" data-part-indicator="" aria-hidden="true"
694
699
  ><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
695
700
  ></span>
696
701
  @if (hint()) {
@@ -707,6 +712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
707
712
  host: {
708
713
  ...HINT_HOST,
709
714
  'data-part': 'trigger',
715
+ 'data-part-trigger': '',
710
716
  type: 'button',
711
717
  '[attr.id]': 'item.ids.triggerId',
712
718
  '[attr.aria-controls]': 'item.ids.groupId',
@@ -721,14 +727,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
721
727
  /** The box the mark stands in. What is left of a row in the rail. */
722
728
  class SlSideNavigationIcon {
723
729
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
724
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationIcon, isStandalone: true, selector: "[slSideNavigationIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, ngImport: i0 });
730
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationIcon, isStandalone: true, selector: "[slSideNavigationIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, ngImport: i0 });
725
731
  }
726
732
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationIcon, decorators: [{
727
733
  type: Directive,
728
734
  args: [{
729
735
  selector: '[slSideNavigationIcon]',
730
736
  standalone: true,
731
- host: { 'data-part': 'icon', 'aria-hidden': 'true' },
737
+ host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
732
738
  }]
733
739
  }] });
734
740
  /**
@@ -785,14 +791,14 @@ class SlSideNavigationLabel {
785
791
  this.item.clipped.set(this.native.scrollWidth > this.native.clientWidth + 1);
786
792
  }
787
793
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
788
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationLabel, isStandalone: true, selector: "[slSideNavigationLabel]", host: { attributes: { "data-part": "label" }, properties: { "attr.id": "item.ids.labelId" } }, ngImport: i0 });
794
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationLabel, isStandalone: true, selector: "[slSideNavigationLabel]", host: { attributes: { "data-part": "label", "data-part-label": "" }, properties: { "attr.id": "item.ids.labelId" } }, ngImport: i0 });
789
795
  }
790
796
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationLabel, decorators: [{
791
797
  type: Directive,
792
798
  args: [{
793
799
  selector: '[slSideNavigationLabel]',
794
800
  standalone: true,
795
- host: { 'data-part': 'label', '[attr.id]': 'item.ids.labelId' },
801
+ host: { 'data-part': 'label', 'data-part-label': '', '[attr.id]': 'item.ids.labelId' },
796
802
  }]
797
803
  }], ctorParameters: () => [] });
798
804
  /** The second line under the title. */
@@ -803,66 +809,66 @@ class SlSideNavigationDescription {
803
809
  afterNextRender(() => this.item.descriptionText.set(this.native.textContent ?? ''));
804
810
  }
805
811
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
806
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationDescription, isStandalone: true, selector: "[slSideNavigationDescription]", host: { attributes: { "data-part": "description" } }, ngImport: i0 });
812
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationDescription, isStandalone: true, selector: "[slSideNavigationDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" } }, ngImport: i0 });
807
813
  }
808
814
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationDescription, decorators: [{
809
815
  type: Directive,
810
816
  args: [{
811
817
  selector: '[slSideNavigationDescription]',
812
818
  standalone: true,
813
- host: { 'data-part': 'description' },
819
+ host: { 'data-part': 'description', 'data-part-description': '' },
814
820
  }]
815
821
  }], ctorParameters: () => [] });
816
822
  /** A quantity beside a destination, drawn as tabular figures. Never cut. */
817
823
  class SlSideNavigationCount {
818
824
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
819
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationCount, isStandalone: true, selector: "[slSideNavigationCount]", host: { attributes: { "data-part": "count" } }, ngImport: i0 });
825
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationCount, isStandalone: true, selector: "[slSideNavigationCount]", host: { attributes: { "data-part": "count", "data-part-count": "" } }, ngImport: i0 });
820
826
  }
821
827
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationCount, decorators: [{
822
828
  type: Directive,
823
829
  args: [{
824
830
  selector: '[slSideNavigationCount]',
825
831
  standalone: true,
826
- host: { 'data-part': 'count' },
832
+ host: { 'data-part': 'count', 'data-part-count': '' },
827
833
  }]
828
834
  }] });
829
835
  /** The suffix with a tone: a badge, a key. */
830
836
  class SlSideNavigationEnd {
831
837
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
832
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationEnd, isStandalone: true, selector: "[slSideNavigationEnd]", host: { attributes: { "data-part": "end" } }, ngImport: i0 });
838
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationEnd, isStandalone: true, selector: "[slSideNavigationEnd]", host: { attributes: { "data-part": "end", "data-part-end": "" } }, ngImport: i0 });
833
839
  }
834
840
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationEnd, decorators: [{
835
841
  type: Directive,
836
842
  args: [{
837
843
  selector: '[slSideNavigationEnd]',
838
844
  standalone: true,
839
- host: { 'data-part': 'end' },
845
+ host: { 'data-part': 'end', 'data-part-end': '' },
840
846
  }]
841
847
  }] });
842
848
  /** Controls beside the row, outside its `a` or `button`. */
843
849
  class SlSideNavigationActions {
844
850
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
845
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationActions, isStandalone: true, selector: "[slSideNavigationActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
851
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationActions, isStandalone: true, selector: "[slSideNavigationActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, ngImport: i0 });
846
852
  }
847
853
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationActions, decorators: [{
848
854
  type: Directive,
849
855
  args: [{
850
856
  selector: '[slSideNavigationActions]',
851
857
  standalone: true,
852
- host: { 'data-part': 'actions' },
858
+ host: { 'data-part': 'actions', 'data-part-actions': '' },
853
859
  }]
854
860
  }] });
855
861
  /** A rule between items that keeps the list a list. */
856
862
  class SlSideNavigationDivider {
857
863
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
858
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationDivider, isStandalone: true, selector: "li[slSideNavigationDivider]", host: { attributes: { "data-part": "divider", "role": "separator" } }, ngImport: i0 });
864
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationDivider, isStandalone: true, selector: "li[slSideNavigationDivider]", host: { attributes: { "data-part": "divider", "data-part-divider": "", "role": "separator" } }, ngImport: i0 });
859
865
  }
860
866
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationDivider, decorators: [{
861
867
  type: Directive,
862
868
  args: [{
863
869
  selector: 'li[slSideNavigationDivider]',
864
870
  standalone: true,
865
- host: { 'data-part': 'divider', role: 'separator' },
871
+ host: { 'data-part': 'divider', 'data-part-divider': '', role: 'separator' },
866
872
  }]
867
873
  }] });
868
874
  /** A row still arriving: an item's geometry with `skeleton` boxes in it. */
@@ -871,8 +877,10 @@ class SlSideNavigationSkeleton {
871
877
  labelSize = input('60%', /* @ts-ignore */
872
878
  ...(ngDevMode ? [{ debugName: "labelSize" }] : /* istanbul ignore next */ []));
873
879
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
874
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigationSkeleton, isStandalone: true, selector: "li[slSideNavigationSkeleton]", inputs: { labelSize: { classPropertyName: "labelSize", publicName: "labelSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "skeleton", "aria-hidden": "true" } }, ngImport: i0, template: `<span data-part="icon"><span slSkeleton shape="square" size="xs"></span></span>
875
- <span data-part="label"
880
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlSideNavigationSkeleton, isStandalone: true, selector: "li[slSideNavigationSkeleton]", inputs: { labelSize: { classPropertyName: "labelSize", publicName: "labelSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "skeleton", "data-part-skeleton": "", "aria-hidden": "true" } }, ngImport: i0, template: `<span data-part="icon" data-part-icon=""
881
+ ><span slSkeleton shape="square" size="xs"></span
882
+ ></span>
883
+ <span data-part="label" data-part-label=""
876
884
  ><span slSkeleton shape="text" [inlineSize]="labelSize()"></span
877
885
  ></span>`, isInline: true, dependencies: [{ kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
878
886
  }
@@ -882,13 +890,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
882
890
  selector: 'li[slSideNavigationSkeleton]',
883
891
  standalone: true,
884
892
  imports: [SlSkeleton],
885
- template: `<span data-part="icon"><span slSkeleton shape="square" size="xs"></span></span>
886
- <span data-part="label"
893
+ template: `<span data-part="icon" data-part-icon=""
894
+ ><span slSkeleton shape="square" size="xs"></span
895
+ ></span>
896
+ <span data-part="label" data-part-label=""
887
897
  ><span slSkeleton shape="text" [inlineSize]="labelSize()"></span
888
898
  ></span>`,
889
899
  changeDetection: ChangeDetectionStrategy.OnPush,
890
900
  encapsulation: ViewEncapsulation.None,
891
- host: { 'data-part': 'skeleton', 'aria-hidden': 'true' },
901
+ host: { 'data-part': 'skeleton', 'data-part-skeleton': '', 'aria-hidden': 'true' },
892
902
  }]
893
903
  }], propDecorators: { labelSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelSize", required: false }] }] } });
894
904
  /* ── The group, inline or in the flyout ─────────────────────────────────── */
@@ -932,8 +942,8 @@ class SlSideNavigationGroup {
932
942
  const anchor = this.item.triggerNode();
933
943
  const document = this.native.ownerDocument;
934
944
  const layer = document.createElement('div');
935
- layer.setAttribute('data-ui', 'side-navigation');
936
- layer.setAttribute('data-part', 'flyout');
945
+ writeSelectorKey(layer, 'ui', 'side-navigation');
946
+ writeSelectorKey(layer, 'part', 'flyout');
937
947
  layer.setAttribute('data-size', this.navigation.resolvedSize());
938
948
  layer.setAttribute('data-truncate', this.navigation.resolvedTruncate());
939
949
  if (this.navigation.resolvedGuides())
@@ -1018,7 +1028,7 @@ class SlSideNavigationGroup {
1018
1028
  this.navigation.flyoutNode.set(null);
1019
1029
  }
1020
1030
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1021
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationGroup, isStandalone: true, selector: "ul[slSideNavigationGroup]", host: { attributes: { "data-part": "group" }, properties: { "attr.id": "item.ids.groupId", "attr.aria-labelledby": "item.ids.labelId" } }, exportAs: ["slSideNavigationGroup"], ngImport: i0 });
1031
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSideNavigationGroup, isStandalone: true, selector: "ul[slSideNavigationGroup]", host: { attributes: { "data-part": "group", "data-part-group": "" }, properties: { "attr.id": "item.ids.groupId", "attr.aria-labelledby": "item.ids.labelId" } }, exportAs: ["slSideNavigationGroup"], ngImport: i0 });
1022
1032
  }
1023
1033
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigationGroup, decorators: [{
1024
1034
  type: Directive,
@@ -1028,6 +1038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1028
1038
  exportAs: 'slSideNavigationGroup',
1029
1039
  host: {
1030
1040
  'data-part': 'group',
1041
+ 'data-part-group': '',
1031
1042
  '[attr.id]': 'item.ids.groupId',
1032
1043
  '[attr.aria-labelledby]': 'item.ids.labelId',
1033
1044
  },