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

package/fesm2022/slotted-angular-side-navigation.mjs

@@ -326,7 +326,7 @@ class SlSideNavigation {
         all[next]?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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));--_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:var(--_standoff);min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff));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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSideNavigation, decorators: [{
             type: Component,
@@ -340,7 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-guides]': "resolvedGuides() ? '' : null",
                         '[attr.data-compact]': "compact() ? '' : null",
                         '(keydown)': 'onKeyDown($event)',
-                    }, 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));--_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:var(--_standoff);min-block-size:var(--_row-height);min-inline-size:0;padding-block:0;padding-inline:calc(var(--_inset) - var(--_standoff));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"] }]
+                    }, 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"] }]
         }], 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"] }] } });
 
 /** A click synthesised by the keyboard reports no detail; a real one reports the count. */